下拉列表未在IE中显示

时间:2011-05-25 11:31:48

标签: javascript drop-down-menu

我有5个项目的下拉列表。

我想将所选项目发送到下一个jsp页面。

JavaScript代码:

var display= document.getElementById('displayId');
var j;
var count =0;
for(j=0;j< display.options.length;j++){
   if(display.options[j].selected){
       displaySelected =  display.options[j].value;
      count++;
   }
}
alert(displaySelected);

HTML code:

<SELECT NAME="displayId" id="displayId" style="width:300px;">
    <option>Host</option>
    <option>Host And Response Time</option>
    <option>Host And User Count</option>
    <option>User Count And Reponse Time</option>
    <option>Host,UserCount And Response Time</option>
</SELECT>

这适用于Fire fox但不适用于IE ...任何人都可以找到错误吗?

2 个答案:

答案 0 :(得分:5)

您需要阅读选项text,因为您没有任何价值:

displaySelected =  display.options[j].text;

某些浏览器可能会将值设置为文本为空时,IE不在其中。

答案 1 :(得分:1)

为您的选项标记提供值。

像  <option value="Host">Host</option> 而不是<option>Host</option>

无需使用循环找到所选值,您可以随时使用

 document.getElementById('displayId').value