Javascript innerHTML problem

[ kukipei @ 03.09.2006. 15:00 ] @

Pozdrav,

Imam jednu drop down listu:

Code:
<select id="beli" name="beli" onKeyPress="return submitenter(this,event)"><option selected value=0>Choose...</option></select>

Zelim da dinamicki promenim sadrzaj te liste. Koristim ovu f-ju:

Code:
document.getElementById("beli").innerHTML = '<option value=34>Neki tekst</option>';
alert(document.getElementById("beli").innerHTML);

E sad:
ovo alert bi trebalo da izbaci -><option value=34>Neki tekst</option>
medjutim on izbacuje sledece->Neki tekst</option>.

Prvi deo (<option value=34>) potpuno obrise.
Zasto?

Browser je IE 6+

Pozdrav.

[ _kodi @ 04.09.2006. 11:18 ] @

Izbegavaj da dodajes opcije u select preko innerHTML!!!!

na linuxu (FF,mozilla)koliko god opcija da dodam preko innerHTML on ih sve strpa u jedan red
dok u win-u radi ok...

ovo je proveren nacin:

Code:

<html>
<head>
<script type="text/javascript">
function resetAndAdd(el,text,value){
  document.getElementById(el).options.lenght=0;
  document.getElementById(el).options[0]=new Option(text, value, false, false)
  var nt=document.getElementById(el).options[0].text
  var nv=document.getElementById(el).options[0].value
  alert("New option: "+nt+"\nNew Value: "+nv)
}
</script>
</head>

<body>
<form>
<select id="beli">
  <option>neshto</option>
</select>

<input type="button" onclick="resetAndAdd('beli','Novi text','new_value')" value="Add">
</form>
</body>

</html>

[ kukipei @ 04.09.2006. 13:06 ] @

Hvala _kodi.

To je to. Sada radi.