jQueryで登録したイベントを意図的に発生させる方法

jQueryで登録したイベントを意図的に発生させる jQuery

■triggerでイベントを発生させる

例えば、ドロップダウンリストを操作した時に発生するchangeイベントを発生させたいときは、以下のように記述すると発生します。

 

以下の様なドロップダウンリストがあるとします。

<select name="hogehoge"  id="hogehogehogehoge">
    <option value="0" selected="selected">未定</option>
    <option value="1">山形県</option>
    <option value="2">福島県</option>
    <option value="3">新潟県</option>
    <option value="4">東京都</option>
</select>

 

以下の様に記述すると、【ドロップダウンリストが変更された】ことになります。

$('#hogehogehogehoge').trigger("change");

 

val()などを使って、JQueryでドロップダウンリストを選択した時などは、changeイベントが発生しないので、変更した後にtriggerを使えば、実際に操作したのと同じような動きを再現することができます。ぜひ、活用してみてください。