JavaScript 備忘録 | メシのタネ

jQuery11
このエントリーをはてなブックマークに追加

【jQuery】選択したらサブミットする方法

 2015/07/14

Form作ってるとサブミットボタン押さずにサブミットさせたいときがあります。例えばデータの並び順変えたいときとか、こういうのできると良いなってなると思います。

submitメソッド

form要素でjQueryオブジェクトを作ればsubmitメソッドを使う事ができます。試しにdivでjQueryオブジェクト作ってsubmitメソッドを呼びましたが無反応でした。このsubmitメソッドは通常input等のtype属性でsumitを指定しない限りフォーム送信できないところを、好きな要素をそれと同様のものにする事ができます。

通常、type=buttonでフォーム送信を行う事はできませんが、submitメソッドを使う事で可能になります。

イベントを取得する

submitメソッドがわかってしまえば、後は好きなイベントに対してsubmitを呼ぶだけです。ユーザのイベントっていうのは、個人的にユーザが行う操作だと思ってます。さっきもbuttonクリックのイベントを取得してsubmitを呼びましたが、今度はセレクトでやりたいので、changeイベントに対してsubmitを呼ぶようにします。

せっかくなんで、自分が選択した値をalertしてからsubmitするようにしてみました。

submitの中にfunction入れることでチェックも出来たりするようですが、上手く行きませんでした。自分はsubmitが走る前に何時もチェックかけてます。


このエントリーをはてなブックマークに追加

1 件のコメント


aaa  2016-06-07 18:13:14
aaaa

コメント

"【jQuery】選択したらサブミットする方法"
でメシのタネのおすすめを検索したよ!

プログラミング備忘録 | メシのタネ