Witajcie
Próbuję napisać prosty skrypt do zmiany odpowiednich wyrazów w html/js. Dokładniej w mailu
Do wyboru są template'y maili, w które po przez forrmularz można wpisać odpowiednie zmienne.
Problem pojawia się jednak przy wyborze Pan/Pani. Skrypt ma podmieniać tekst w zależności od wybranej opcji. Niestety gdy pojawia się za dużo(lub za mało) divów już nic się nie dzieje.

EDIT. Zauważyłem, że dany content mogę użyć tylko RAZ

 <!DOCTYPE html>
<html>
<head>
<style type="text/css">
.hidden {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
#w1 {
display: block;
}
#w2,#w3,#w4 {
display: none;
}
#tekst { font-size: 11pt; 
font-family: Calibri;}
</style>
<script type="text/javascript">
function podmiana(co) {
var ile = document.getElementById("wybor").options.length;
for(var i=1; i<=ile; i++) {
var ktora = "w"+i;
if(ktora == co) {
document.getElementById(ktora).style.display = "block";
}
else if(ktora != co) {
document.getElementById(ktora).style.display = "none";
}
}
}

function getText(){

      var pole = document.getElementById("pole");
	  var pole2 = document.getElementById("pole2");
      var div5 = document.getElementById("content5");
      div5.innerHTML = " < "+pole.value+" > // < "+pole2.value+" > ";
	  
	  var pole3 = document.getElementById("pole3");
	  var div2 = document.getElementById("content2");
	  var div3 = document.getElementById("content3");
	  var div4 = document.getElementById("content4");
	 if(pole3.value == "test1")
	 {
	 div2.innerHTML = "Szanowny Panie, ";
	 div3.innerHTML = "Pan, ";
	 div4.innerHTML = "Panem ";
	 }
	 if(pole3.value == "test2") 
	 { 
	 div2.innerHTML = "Szanowna Pani, ";
	 div3.innerHTML = "Pani, ";
	 div4.innerHTML = "Panią, ";
	 }
	
}

</script>
</head>
<body>

<form id="formularz" action="#">

Wybierz template:
<select name="wybor" id="wybor" onChange="podmiana(this.value);">
<option value="w1">Strike</option>
<option value="w2">Treść nr 2</option>
<option value="w3">Treść nr 3</option>
<option value="w4">Treść nr 4</option>
</select>
</form>

<input type="text" id="pole" value="INC" />
<input type="text" id="pole2" value="Summary" />
<select name="pole3" id="pole3" value"1">
<option value="test1">Pan</option>
<option value="test2">Pani</option>
</select>
<input type="button" value="wstaw text do div'a" onclick="getText()" />


<div id="tekst">
<br><br><br><tr>
<div id="w1">
<span id="content2">Wpisz</span>

<div class="hidden"><span id="content3">Wpisz</span></div>


<br><br>

Dziękujemy za kontakt ze Wsparciem Technicznym!<br>
W odniesieniu do zgłoszenia: <font color="red">
<span id="content5">Wpisz</span>

</font><br><br>

Próbowaliśmy skontaktować się z <span id="content4">Wpisz</span> telefonicznie, niestety bez powodzenia. Celem sprawnego i szybkiego rozwiązania problemu/zgłoszenia technicznego, będziemy potrzebować dodatkowych informacji:
<br><br><font color="red">
< Mention what additional information we need ><br><br></font>

W przypadku braku odpowiedzi, zgłoszenie zostanie zamknięte w przeciągu (3,2,1) dni roboczych (licząc od daty otrzymania tej wiadomości e-mail).
<br><br>
Z góry dziękujemy za szybką odpowiedź.
<span id="content2">Wpisz</span>
<br>
</font>
</div> 
<div id="w2">Zawartość bloku tekstowego nr 2.</div> 
<div id="w3">Zawartość bloku tekstowego nr 3.</div> 
<div id="w4">Zawartość bloku tekstowego nr 4.</div>
</div>

</body>

</html>