セレクトボックス変更時にフォームを送信する方法
Webページからサーバーにフォーム送信する場合、通常はinputタグのtype属性を"submit"に設定したボタンを使用します。
しかし、ユーザーの利便性を考え、セレクトボックスを変更するだけでフォームを送信するという動きが求められる場合があります。
そのような動きは、JavaScriptを使用することで実現できます。やり方は以下の2通りです。
- セレクトボックスのイベントでフォームを送信する。
- セレクトボックスのイベントで送信ボタンを押下する。
手順としては以下のようになります。
- selectタグにonChangeイベントを記述する。
- onChangeイベントで呼び出されるJavaScriptのコードを記述する。
//Aの場合
document.forms["フォームのname属性の値"].submit();//Bの場合
document.getElementById("submitボタンのid属性の値").click();
■参考
人力検索はてな
http://q.hatena.ne.jp/1180417250
ケイケンラボ - submit処理-Tips/Javascript/submit処理-PukiWiki
http://www.lab.keiken.co.jp/xoops/modules/pukiwiki/125.html