setting the value of a select

[cleary1981]

Hi,

I want to use javascript to set the value of a select box shown below.

 <select id="panel_type">
<option id="f">FLOOR STANDING</option>
<option id="w">WALL MOUNTED</option>
</select>

for example if this was a text box i would simply write

document.company1.panel_type.value = "FLOOR STANDING";

[Dormilich]

better use the DOM

document.getElementById("f").value = "FLOOR STANDING";

though, is there any need to do it in javascript (visitors may have javascript turned off)?

[cleary1981]

better use the DOM

document.getElementById("f").value = "FLOOR STANDING";

though, is there any need to do it in javascript (visitors may have javascript turned off)?

Im not sure if i explained myself right. I want the value shown in the select box to change to the value I have selected.

If my select box value shows SELECT OPTION and the drop down tab displays the options FLOOR STANDING and WALL MOUNTED. I want SELECT OPTION to change to FLOOR STANDING.

[acoder]

If you set the option values:

 <select id="panel_type">
<option id="f" value="FLOOR STANDING">FLOOR STANDING</option>
<option id="w" value="WALL MOUNTED">WALL MOUNTED</option>
</select>

then you can simply set the value:

document.getElementById("panel_type").value = "FLOOR STANDING";

It would work without setting the option values in some browsers, but IE, for example, will require it.