Question

这是HTML代码：

<select multiple="multiple" id="selectPartType">
      <option value = 'FG'>FG</option>
      <option value = 'SFG'>SFG</option>
      <option value = 'RM'>RM</option>
</select>

JQuery点击事件：

$('select option').on('click', function (event) {           
            alert('Hello');           
});

此代码在IE 11中无效，但在google crome和firefox中工作。请提出任何解决方案。

Answer 1

尝试在jQuery选择器中使用正确的ID标识符＃。试试这个：

$('#selectPartType').on('click', function (event) {           
  alert('Hello');           
});

或者这个：

$('#selectPartType').on('change', function (event) {           
  alert('Hello');           
});

Answer 2

您应该收听change事件。选择/取消选择任何选项时会触发它。

此外，您应该绑定select option select事件，而不是绑定到change。

＆＃13;

$('select').on('change', function (event) {           
      alert('Hello');           
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select multiple="multiple" id="selectPartType">
      <option value = 'FG'>FG</option>
      <option value = 'SFG'>SFG</option>
      <option value = 'RM'>RM</option>
</select>

＆＃13;

Answer 3

您可以在纯JavaScript中实现相同的功能，以避免在考虑IE时使用任何JQuery。

document.getElementById('selectPartType').onchange = function() {
  alert("Hello!");
}

<select multiple id="selectPartType">
      <option value = 'FG'>FG</option>
      <option value = 'SFG'>SFG</option>
      <option value = 'RM'>RM</option>
</select>

选择选项，单击事件在IE11中不起作用

3 个答案: