选项OnClick在IE中不工作?但是在FF工作

options OnClick not working in IE? But working in FF

本文关键字：工作 FF OnClick IE 选项      更新时间：2023-09-26

我想我需要onChange。

function changeFree() {
  var a = document.getElementById("aSelectControl");
  a.options[a.selectedIndex].text = "Available";
}
function changeUnavailable() {
  var a = document.getElementById("aSelectControl");
  a.options[a.selectedIndex].text = "Unavailable";
}
<select>
  <option onClick="changeFree()">Available</option>
  <option onClick="changeUnavailable()">Provisonal Booking</option>
  <option onClick="changeUnavailable()">Fully Booked</option>
</select>
<select id="aSelectControl">
  <option>Available</option>
  <option>Provisonal Booking</option>
  <option>Fully Booked</option>
</select>

IE (<9?)不支持onclick选项。此外，用户还可以通过键盘导航，在不单击的情况下更改所选选项。你应该在select元素上使用onchange。

我认为更好的方法是在选择框中添加一个'onChange'事件。这将调用一个函数，该函数读取所选值并决定行为。

你写源代码的目的到底是什么?

相关文章：