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

      2016/05/22

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を使えば、実際に操作したのと同じような動きを再現することができます。ぜひ、活用してみてください。

megane

megane

最近、個人事業主から法人へと進化しました。 エンジニア歴13年位です。PHPとかMysqlを使ってWebシステムを構築します。 Javaも書きます。 CakePHPも使います。 サーバのチューニングもごりごりやります。 あと、お肉と自動車が好きです。Twitterとか申請どうぞ。

 - jQuery ,