Internet Explorer 10 - jQuery单击选择选项不起作用

Question

我试图将事件jQuery事件监听器click(function(){//doStuff})映射到<option>元素，但是在click / focus上，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

维利亚姆，我恐怕有坏消息。 IE10不会真正触发“click”事件选项，而是仅触发“select”选项。 所以你可以做的是选择“click”事件处理程序，跟踪选定的值并对其采取行动。

演示

$('#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);
    }
});