フォームのドロップダウンで未選択のチェックをしたいのですが、下記のよう

質問

フォームのドロップダウンで未選択のチェックをしたいのですが、下記のようにしたのですがうまくいきません。・・・原因は id[1] だと思うのですが、こういう場合JavaScriptには、どのように記述すればよいのでしょうか？
※ドロップダウンの name="id[1]" は、変更できません。
よろしくお願いします。

<script language="JavaScript">
<!--
function check(){
if(document.cart_quantity.id[1].selectedIndex == 0){
alert('選択してください');
return false;
}
return true;
}
//-->
</script>

<form name="cart_quantity" method="post" action="" onSubmit="return check()">
<select gtbfieldid="272" name="id[1]" id="attrib-1">
<option value="1" selected="selected">選択してください</option>
<option value="2">いちご</option>
<option value="3">みかん</option>
<option value="4">りんご</option>
</select>
<input type="submit" value="送信" name="submit">
</form>

回答No.1

yambejp · ベストアンサー

どうもオブジェクトのとらえ方が古臭いですが、nameはelementsをつかえばいけます。
formはオブジェクト渡ししてやった方がソースはきれいになります。

<script>
function check(f){
if(f.elements["id[1]"].selectedIndex == 0){
alert('選択してください');
return false;
}
return true;
}
</script>

<form name="cart_quantity" method="post" action="" onSubmit="return check(this)">
<select gtbfieldid="272" name="id[1]" id="attrib-1">
<option value="1" selected="selected">選択してください</option>
<option value="2">いちご</option>
<option value="3">みかん</option>
<option value="4">りんご</option>
</select>
<input type="submit" value="送信" name="submit">
</form>

まぁせっかくidふってあるのでこんな感じでも

if(document.getElementById("attrib-1").selectedIndex == 0){ ・・・

お礼

早速の解答ありがとうございます。
なぜか
if(f.elements["id[1]"].selectedIndex == 0){
は、うまくいきませんでしたが
if(document.getElementById("attrib-1").selectedIndex == 0){
で、できました。
本当にありがとうございました。