javascript - this.value 适用于 Firefox，但不适用于 Internet Explorer？

Question

我在 select 上有一个 onChange 事件。

当我执行 alert(this.value) 时，它可以在 Firefox 上运行，但不能在 Internet Explorer 上运行。为什么不呢？

这是代码:

<select onchange="new Ajax.Updater('fiches', '/~project/index.php/folder/fiche', {asynchronous:true, evalScripts:true, parameters:'fiche=' + this.value});" class="input" id="fiche" name="fiche">
  <option value="0">Choisir ma fiche</option>
  <option value="1">Vous etes salariés</option>
  <option value="2">Sans emploi</option>
</select>

Answer 1

我过去在使用 IE 和选择时遇到过类似的问题。选择项的 value 属性是 IE 中的一个难题。通常解决方案是关心所选选项(而不是选择元素)并访问其文本属性。

我将在 jQuery 中执行此操作以访问所选文本:

$("#my_select_item option:selected").text()

因此，在原始 JavaScript 中它应该是这样的:

document.getElementById("myselect").options[document.getElementById("myselect").selectedIndex)].text

或

document.getElementById("myselect").options[document.getElementById("myselect").selectedIndex)].value

这就是让 selects + JS 在 IE 中发生的一般思路。