Internet Explorer 10 - jQuery單擊選擇選項不起作用

Question

我試圖將事件jQuery事件偵聽器click(function(){//doStuff})映射到<option>元素，但點擊/焦點時，IE不執行我的功能。

在FF和Chrome中，它完美的工作。在IE10中，點擊選項不起作用; HTML元素onClick="doFunction()"，也不是on.('click',...)事件。

這裏是jsFiddle

<select id="someId" name="someName" size="10" multiple="yes"> 
<option value="ALL">--All--</option> 
<option value="X1">X1</option> 
<option value="X2">X2</option> 
<option value="X3">X3</option> 
<option value="X4">X4</option> 
<option value="X5">X5</option> 
<option value="X6">X6</option> 
<option value="X7">X7</option> 
<option value="X8">X8</option> 
<option value="X9">X9</option> 
</select> 


$(document).ready(function() { 
    $('#someId option[value="ALL"]').click(function() { 
     $('select option').attr('selected', true); 
     $('select option[value="ALL"]').eq(0).attr('selected', false); 
    }); 
}); 

Answer 1

Viliam，恐怕我有壞消息。 IE10不會真正激發「點擊」事件選項，而只會觸發「選擇」選項。所以你可以做的就是選擇「點擊」事件處理程序，跟蹤選定的值並採取行動。

Demo

$('#someId').click(function() { 
    if ($("#someId option:selected").eq(0).val() === 'ALL') { 
     $('select option').prop('selected', true); 
     $('select option[value="ALL"]').eq(0).prop('selected', false); 
    } 
});