i cant get combobox value in IE.

[nirmalsingh]

hi all,
[HTML]
<select name="cmbDepartment" id="cmbDepartment" style="width:120px">
<option >winding</option>
<option>Testing</option>
</select>
[/HTML]
javascript

var strDepta=document.getElementById('cmbDepartment');
var strDept=strDepta.options[strDepta.selectedIndex].value;
alert(strDept);
 

An empty alert is displayed in IE, but works fine in FF. what will be the problem? thanx in advance.

[mrhoo]

<select name="cmbDepartment" id="cmbDepartment" style="width:120px">
<option >winding</option>
<option>Testing</option>
</select>
var strDepta=document.getElementById('cmbDepartment');
var strDept=strDepta.options[strDepta.selectedIndex].value;

Firefox will return the text if there is no value, but that's browser dependent, and only seems to apply to options.

if you want the text of an option you should be explicit, for IE and others-

var strDept=strDepta.options[strDepta.selectedIndex].text

If you want anything uploaded to a server, be sure to set value attributes on your options-
<option value="0" selected= "selected">Select</option>
<option value="1">winding</option>
<option value="2">Testing</option>

Then you can find the value of an option in any browser with .value.