javascript - 選択内のオプションを選択したときのイベント名

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を「変更」し、OPTIONを「クリック」します。また、Operaでは、たとえばaddEventListener（）を使用してリスナーを追加すると、SELECTで「input」が発生する場合があります。

Answer 3

event.typeは、イベントの性質を返します。デモを参照してください

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

要素で.on/.bindを使用できます。</p>

Answer 4

興味のあるオプションのonclickイベントに次のように配置できます。

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