Question

我在IE中遇到了html选择对象及其选项的问题。

我的HTML

<select  id="Select1" onchange="closeMenu1(this.value)">
                                                 <option></option>
                                                 <option>1</option>
                                                 <option>2</option>

和javascript

            function closeMenu1 (x) {
                                           var show = document.getElementById("divID");
                                           show.innerHTML = x;
                           }

现在，在除IE之外的每个浏览器中，divID将显示我在select对象中选择的值。但IE没有。有人可以告诉我解决方法吗？

感谢。

Answer 1

将onchange事件处理程序更改为如下所示：

<select  id="Select1" onchange="closeMenu1(this.options[this.selectedIndex].value)">
  <option></option>
  <option>1</option>
  <option>2</option>
</select>

Answer 2

您的选项实际上没有设置值，因此您有两个选项 1）设置

<select  id="Select1" onchange="closeMenu1(this.value)">
<option value=''></option>
<option value='1'>1</option>
<option value='2'>2</option>
</select>

2）使用所选索引的文本

Answer 3

尝试从closeMenu1函数中获取值，而不是尝试将其传入：

function closeMenu1() {
    var val = document.getElementById("Select1").value;
    var show = document.getElementById("divID");
    show.innerHTML = val;
}

然后将onchange属性更改为onchange="closeMenu1()"。

在IE中显示选择选项的值

3 个答案: