selectで何かを変更したときのイベント名はchange
(html :)ですonchange
が、特定のオプションを選択(クリック)したときのイベント名を知りたいのですが。
例 :
<select>
<option>Option 1</option>
</select>
クリックするとOption 1
、どのようなイベントが発生しますか?のみchange
(それ自体とすべてのオプションを選択)または他の何か?
ありがとう。
selectで何かを変更したときのイベント名はchange
(html :)ですonchange
が、特定のオプションを選択(クリック)したときのイベント名を知りたいのですが。
例 :
<select>
<option>Option 1</option>
</select>
クリックするとOption 1
、どのようなイベントが発生しますか?のみchange
(それ自体とすべてのオプションを選択)または他の何か?
ありがとう。
デフォルトでは、ほとんどのブラウザでは、change
を変更するselect
とclick
イベントが発生しますoption
。
$('select').on('change', function(event) {
console.log(event.type); // event.type is to get event name
});
SELECTを「変更」し、OPTIONを「クリック」します。また、Operaでは、たとえばaddEventListener()を使用してリスナーを追加すると、SELECTで「input」が発生する場合があります。
event.typeは、イベントの性質を返します。デモを参照してください
$('select').bind('change', function(event) {
alert("Event :"+ event.type);
});
要素で.on/.bindを使用できます。</p>
興味のあるオプションのonclickイベントに次のように配置できます。
<select id="MySelect">
<option id="optionA" onclick="alert('You clicked A')">a</option>
<option id="optionB">b</option>
</select>