セレクトボックス変更時にフォームを送信する方法

Webページからサーバーにフォーム送信する場合、通常はinputタグのtype属性を"submit"に設定したボタンを使用します。
しかし、ユーザーの利便性を考え、セレクトボックスを変更するだけでフォームを送信するという動きが求められる場合があります。
そのような動きは、JavaScriptを使用することで実現できます。やり方は以下の2通りです。

  1. セレクトボックスのイベントでフォームを送信する。
  2. セレクトボックスのイベントで送信ボタンを押下する。
Aの利点としてはsubmitボタンを記述する必要がないこと(クライアントでJavaScriptが無効になっている可能性を無視すればの話)、Bの利点としてはsubmitボタンを押した場合と同じ処理が可能という点が挙げられます。

手順としては以下のようになります。

  1. selectタグにonChangeイベントを記述する。
  2. 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