セレクトボックスの選択状況をチェックするスクリプトです。
(サンプルのためHTMLファイルにリンクしています)
<html> <head> <title>HTML index Webサイト</title> <script type="text/javascript"> <!-- function check(){ var flag = 0; // 設定開始(チェックする項目を設定してください) if(document.form1.select1.options[document.form1.select1.selectedIndex].value == ""){ flag = 1; } // 設定終了 if(flag){ window.alert('選択されていません'); // 選択されていない場合は警告ダイアログを表示 return false; // 送信を中止 } else{ return true; // 送信を実行 } } // --> </script> </head> <body> <form method="POST" action="example.cgi" name="form1" onSubmit="return check()"> <p><select name="select1"> <option value="">選択してください <option value="sample1">選択サンプル1 <option value="sample2">選択サンプル2 <option value="sample3">選択サンプル2 </select></p> <p><input type="submit" value="送信"></p> </form> </body> </html>
<head> 〜 </head> 内にスクリプトを記述しておき、フォームの送信時にスクリプトを実行します。
上記の例は、フォームの送信ボタンを押したときに選択状態を確認しています。選択されていなければ警告ダイアログを表示して送信を中止し、選択されていれば送信を実行します。
※このチェック方法は、セレクトボックスで使用できます。
// 設定開始 〜 // 設定終了 の部分で、チェックする項目を設定してください。
document.フォーム名.フィールド名.options[document.フォーム名.フィールド名.selectedIndex].value == ""
フォーム名 … formタグの name="" で指定した名前(上記の例では form1)
フィールド名 … フィールドの name="" で指定した名前(上記の例では select1)
送信するときにスクリプトを実行するので、formタグに onSubmit="return check()" を指定しています。
青い文字の部分は、必要に応じて書き換えてください。