[JS] Bij toevoegen van option aan select werkt   niet

[Verwijderd]

Het simpels uit te leggen via het onderstaande script:

code:

<select id="selectBox">
  <option value="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HTML ingesprongen</option>
</select>

<script>
  SelectBoxObj = document.getElementById('selectBox');
  SelectBoxObj.options[SelectBoxObj.options.length] = new Option('normaal', '');
  SelectBoxObj.options[SelectBoxObj.options.length] = new Option("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;JS ingesprongen", '');
</script>

Ik wil bepaalde waarden van de selectbox dus in te laten springen dmv een nbsp, normaal geen probleem als je de options gewoon in HTML toevoegt, maar via javascript staat er dus letterlijk

code:

 

Wat kan hiervan de oorzaak zijn, en hoe zou ik het op kunnen lossen?

[ Voor 14% gewijzigd door Verwijderd op 08-12-2005 23:31 ]

[frickY]

Weet niet precies uit mn hoofd hoe het zit, maar zoek eens in de richting van

JavaScript:

var nieuweoptie = new Option();
nieuweoptie.text = document.creactTextNode();
nieuweoptie.text.innerHTML = "  Test";
nieuweoptie.value = "test';
SelectBoxObj.options[SelectBoxObj.options.length] = nieuweoptie

Eigenlijk zou je ook appendChild() moeten gebruiken, als ik me niets vergis, als je het braaf volgens de DOM wilt doen.

[crisp]

JavaScript:

String.fromCharCode(160);

of je options met CSS white-space:pre geven (voor zover browsers daar ondersteuning voor bieden, en dan ook specifiek voor selects), dan kan je gewoon met spaties werken.

[ Voor 10% gewijzigd door crisp op 08-12-2005 23:38 ]