Onclick in select не работает в IE

Question

Немного новичок в javascript. Этот вопрос может показаться немного слишком глупо, но я не в состоянии понять это , почему следующее не работает в IE и работает в Firefox ..

<select multiple="multiple"> 
<option value="tx" onClick="alert('tx');">Texas</option> 
<option value="ak" onClick="alert('ak');">Alaska</option> 
<option value="ca" onClick="alert('ca');">California</option> 
<option value="ws" onClick="alert('ws');">Washington</option> 
<option value="tn" onClick="alert('tn');">Tennessee</option> 
</select> 

Оповещение не появляется в IE (я использую IE8). Но он работает в firefox !!!!!

Answer 1

According to w3schools, тег опции поддерживает атрибут onclick. Я пробовал с дном ствола IE6, и это, похоже, не так.

Самый простой способ сделать это было бы:

<select multiple="multiple" onchange="alert(this.value);"> 
<option value="tx">Texas</option> 
<option value="ak">Alaska</option> 
<option value="ca">California</option> 
<option value="ws">Washington</option> 
<option value="tn">Tennessee</option> 
</select> 

Это не совсем то, что вы после этого, но они должны быть очень близки.

редактирует

Было бы просто взять больше работы:

<select multiple="multiple" onchange=" 
    switch (this.value){ 
     case 'tx': funcOne(); break; 
     case 'ak': funcTwo(); break; 
     etc... 
    } 
"> 
<option value="tx">Texas</option> 
<option value="ak">Alaska</option> 
<option value="ca">California</option> 
<option value="ws">Washington</option> 
<option value="tn">Tennessee</option> 
</select> 

На этом этапе было бы целесообразно, чтобы обернуть OnChange в функцию в файле JS вместо встраивания его в HTML ,

Answer 2

Это связано с тем, что IE не регистрирует событие щелчка при выборе новой опции в поле выбора (угадывание). Вместо этого следует использовать событие ONBLUR (и поместить код в JavaScript, а), как так (при условии, JQuery):

<script type='text/javascript'> 
    $(document).ready(function(){ 
    $('select#state').bind('blur', function(){ 
     alert(this.val()); 
    }); 
    }); 
</script> 

<select id='state' multiple="multiple"> 
    <option value="tx">Texas</option> 
    <option value="ak">Alaska</option> 
    <option value="ca">California</option> 
    <option value="ws">Washington</option> 
    <option value="tn">Tennessee</option> 
</select> 

Answer 3

Я хотел бы использовать OnChange событие:

<select multiple="multiple" onchange="alert(this.options[this.selectedIndex].value)"> 
<option value="tx">Texas</option> 
<option value="ak">Alaska</option> 
<option value="ca">California</option> 
<option value="ws">Washington</option> 
<option value="tn">Tennessee</option> 
</select> 

Хотя решение Daniel Менделя отлично.