JavaScript 在 Internet Explorer 中不工作

Question

我有这个动态下拉代码。在这里，我想通过更改第一个下拉选项来动态加载第二个下拉选项。这在除 IE 之外的所有其他浏览器中都可以正常工作。我不知道是什么原因，因为我是初学者。谁能解释一下原因。

HTML 代码:

<select name="language" id="language" onchange="SetMedia(this)">
<option>Please select a Language</option>
<option>English</option>
<option>Tamil</option>
<option>Telugu</option>
</select>

<select name="media" onChange="processButtonData(this.value)" id="media" disabled="disabled">
<option>select</option>
</select>

JS 代码

<script type="text/javascript">
function SetMedia(objLanguage) {
var objMedia = document.getElementById("media");
objMedia.options.length = 0;
    objMedia.disabled = false;
switch (objLanguage.value) {
case "English":
    objMedia.options.add(new Option("Please Select a Media",""));
    objMedia.options.add(new Option("The Indian Express","http://www.indianexpress.com"));
    objMedia.options.add(new Option("The Hindu","http://www.hindu.com"));
    break;
case "Tamil":
    objMedia.options.add(new Option("Please Select a Media",""));
    objMedia.options.add(new Option("Dinamalar", "http://www.dinamalar.com"));
    objMedia.options.add(new Option("Dinamani", "http://www.dinamani.com"));
    break;
case "Telugu":
    objMedia.options.add(new Option("Please Select a Media",""));
    objMedia.options.add(new Option("Google","http://www.google.com"));
    objMedia.options.add(new Option("Google2","http://www.google.com"));
    break;
default:
    objMedia.options.add(new Option("select"));
    objMedia.disabled = true;
    break;
}
}

</script>

Answer 1

似乎非 IE 浏览器(例如 Chrome)将设置 value的 <option>标记隐式使用它的内部文本，但 IE 不这样做。您有两个选择:

1) 设置 <option>明确的值(value)

<option value="English">English</option>
<option value="Tamil">Tamil</option>
<option value="Telugu">Telugu</option>

或者，

2) 打开text

var language = (objLanguage.options[objLanguage.selectedIndex]).text;
switch (language) {
  // ...
}

(已在 Chrome 和 IE9 中测试。)