选项OnClick无法在IE中运行?但是在FF工作

时间:2011-04-05 14:17:31

标签: javascript html dom

我想我需要改变。

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>

2 个答案:

答案 0 :(得分:1)

IE(&lt; 9?)不支持onclick on options。此外,用户可以更改所选选项,而无需使用键盘导航进行单击。你可能应该在select元素上使用onchange。

答案 1 :(得分:0)

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

您的源代码目标究竟是什么?