2014-10-24から1日間の記事一覧

jqueryのメモ集

triggerでイベントを起こしてイベントハンドラに値をわたす方法 formをsubmitする前にinputタグを追加する方法 複数要素に対してイベントハンドラを設定する方法 jquery.remodal.jsを使って確認ダイアログをカスタマイズする方法 javascriptで名前空間を使う…

jqueryで複数要素に対してイベントハンドラを設定する方法

複数要素に対して同じ様なことを記述していたので、こうすれば少しはコードが短くなるかもしれません、、、 <select id="elm1" name="elm1"> <option value="1">選択1</option> <option value="2" selected>選択2</option> </select> <select id="elm2" name="elm2"> <option value="1" selected>選択1</option> <option value="2">選択2</option> </select> <script> $("#elm1,#elm2")…

jqueryでformをsubmitする前に<input>タグを追加する方法

これでformをsubmitするさいに任意の値を追加して送信することができました <form id="form"> <input type="submit" value="送信"/> </form> <script> $("#form").submit(function() { $("<input>",{ type:"hidden", name:"input_name", value:"input_value" }).appendTo("#form"); }); </script>リンク集へ

jqueryでtriggerでイベントを起こしてイベントハンドラに値をわたす方法

triggerメソッドの第2引数に配列で渡すことで実装できました <form id="form"> <input type="submit" value="送信"/> </form> <script> var data = ["aaa","bbb"]; $("#form").trigger("submit",data); $("#form").submit(function(event,v1,v2) { console.log(v1);//aaa console.log(v2);//bbb }); </script>リンク集へ