опции OnClick не работают в IE? Но работают в FF

#javascript #html #dom

#javascript #HTML #dom

Вопрос:

Я думаю, мне нужен 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>  

Ответ №1:

IE (<9?) не поддерживает onclick on options. Кроме того, пользователи могут изменить выбранный параметр без щелчка, используя навигацию с клавиатуры. Вероятно, вместо этого вам следует использовать onchange для элемента select.

Комментарии:

1. Да, IE8. Я не проверял IE9. Я попытаюсь использовать onchange. Спасибо

Ответ №2:

Я думаю, что лучший способ — добавить событие ‘onChange’ в поле выбора. Это вызывает функцию, которая считывает выбранное значение и принимает решение о поведении.

Какова именно ваша цель с вашим исходным кодом?