プルダウンメニューのvalue値が00のときアラートを表示したい

解決済

質問者：wappiy1985
質問日時：2007/07/11 17:07
回答数：3件

似たような記事が多くそれぞれの回答を試してみたのですが、うまくいかなかったため質問させていただきます。

ただいまテキストBOXとプルダウンメニューで成り立つ入力フォームを作成しています。

そこで、テキストはすべて入力した状態、プルダウンメニューを一番上以外のものを選択した状態でないと次の画面に遷移しないようにしたいのですが、プルダウンメニューの所だけうまくいきません。どうか回答よろしくお願いします。以下にソースをすべて載せておきます。

<html>
<head>
<title>test</title>
<script language="JavaScript"></script>
</head>
<body>
<form action="student_add1.php" name="forms" method="get" onSubmit="return check()">
生徒番号：<select name="school">
<option value="00">==学校名==</option>
<option value="01">桜中学校</option>
<option value="02">紅葉中学校</option>
<option value="03">青山中学校</option>
<option value="04">高岡中学校</option>
<option value="05">中野中学校</option>
</select><input type="text" name="id" size="3"><br>
氏名：<input type="text" name="name" size="12"><br>
学年：<input type="text" name="grade" size="2"><br>
模試成績：<br><br>英語：<input type="text" name="english" size="3">
数学：<input type="text" name="math" size="3">
国語：<input type="text" name="japanese" size="3">
理科：<input type="text" name="science" size="3">
社会：<input type="text" name="society" size="3"><br>
<input type="submit" value="送信">
<input type="reset" name="reset" value="リセット">
</form>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： yambejp
回答日時：2007/07/11 17:32

単純な記載ミスですね

× sel = document.forms.school.value;
○ sel = document.forms[0].school.value;

ちなみにformでcheck()を呼ぶときに
check(this)として、フォームをオブジェクトとしてわたしてやると
かなりすっきりしたスクリプトがかけます

- 0
- 件

通報する

この回答へのお礼

返答が遅くなり申し訳ございません。

指摘していただいたように修正したところ、うまく動作するようになりました。とても早い回答ありがとうございました。

なお、

>check(this)として、フォームをオブジェクトとしてわたしてやると
>かなりすっきりしたスクリプトがかけます

ということですが、その場合

sel = document.forms[0].school.value;を
sel = obj.forms[0].school.value;

と変更することになるのでしょうか？大学の課題でやっている程度ですので、全く詳しいことが理解出来ていません。
余力がございましたらご教授いただけるとうれしく思います。

通報する

お礼日時：2007/07/11 23:14

No.3

回答者： yambejp
回答日時：2007/07/12 09:42

#2です

たとえば、こんなかんじにformタグのなかでthisをつかうと
そのフォーム自体が関数にわたされます。
今回はそれをfというオブジェクトに格納したので、
document.forms[0]といちいち書かずに、fで代用できるわけです。
フォームを番号で管理しているとhtmlを拡張するときに
番号がかわってしまったりすると書き直しになって管理が大変です。
オブジェクトでわたしてやると名前や番号で管理しなくてすむので
なにかと便利です。

<html>
<head>
<title>test</title>
<script language="JavaScript"></script>
</head>
<body>
<form onSubmit="return check(this)">
・・・・
</form>
</body>
</html>