Javascript InternetExplorer10-jQuery单击选择选项'；行不通

我尝试将事件jQuery事件侦听器

单击（function（）{//doStuff}）

映射到

元素，但在单击/聚焦时，IE不执行我的函数

在FF和Chrome中，它可以完美地工作。在IE10中，单击选项不起作用；既不是HTML元素

onClick=“doFunction（）”

，也不是（'click'，…）事件上的

这是你的电话号码


--全部--
X1
X2
X3
X4
X5
X6
X7
X8
X9
$（文档）.ready（函数（）{
$（'#someId选项[value=“ALL”]”）。单击（函数（）{
$（'select option'）.attr（'selected'，true）；
$（'select option[value=“ALL”]）.eq（0）.attr（'selected'，false）；
});
});
维利亚姆，恐怕我有个坏消息。IE10不会真正为选项触发“单击”事件，而是只为“选择”触发。因此，您可以做的是将“click”事件处理程序放在select上，跟踪所选的值并据此采取行动


您不能将单击事件附加到
标记。如果工作正常，我应该尝试在父级上映射事件，但我在错误的位置上玩。这可能会导致在单击select元素上空白位置时出现意外行为，因为可以识别单击，但值保持不变。可与
更改
事件组合。
<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);
    });
});

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