在select中选择一个选项时的事件名称

Question

当我们在select中更改某些内容时，我知道事件名称是change（html：onchange），但我想知道当我选择（点击）特定内容时，事件名称是什么选项。

示例：

<select>
    <option>Option 1</option>
</select>

当我点击Option 1时，会发生什么事？只有change（在选择本身和所有选项上）或其他什么？

感谢。

Answer 1

默认情况下，当您为change更改select和click事件时，大多数浏览器都会发生option事件。

$('select').on('change', function(event) {
  console.log(event.type);   // event.type is to get event name
});

Answer 2

SELECT上的'p''更改'和OPTION上的'click'。另外，在Opera中，如果你用addEventListener（）添加监听器，那么'input'也可能触发SELECT。

Answer 3

event.type返回事件的性质。请参阅Demo

$('select').bind('change', function(event) {
    alert("Event :"+ event.type);   
});

您可以在元素上使用.on / .bind。

Answer 4

您可以将它放在您感兴趣的选项的onclick事件中，如下所示：

<select id="MySelect">
    <option id="optionA" onclick="alert('You clicked A')">a</option>
    <option id="optionB">b</option>  
</select>