オブジェクトを指定しても「Nullまたはオブジェクトではありません」となってしまう

質問

Webページ作成にて、セレクトボックスを選択した時に選択内容によって、
同フォーム内にある特定のラジオボタンを無効にする処理を組んでいます。

セレクトボックスの[onChange]イベントに下記の[selectChange()]が
動くように記述しているのですが、どうしても
「Nullまたはオブジェクトではありません」とエラーとなってしまいます。
オブジェクト名のタイプミスなども含め何度も見直しましたが間違いありませんでした。

ちなみに、この関数と同じ場所に、ロールオーバーイメージをプリロード
させる関数も記述しているのですがそちらは問題なく動いています。
（DreamWeaverが生成してくれるものですが・・）

原因として何が考えられるでしょうか。
分かる方お力をお貸し下さい。

//特定のラジオボタンを無効にする関数
function selectChange() {
var selectedNum = document.FormName.SelectBox.selectedIndex;
if(selectedNum == 1) {
document.FormName.RadioButton[0].disabled = false;
document.FormName.RadioButton[3].disabled = true;
document.FormName.RadioButton[4].disabled = true;
} else if(selectedNum >= 2){
document.FormName.RadioButton[0].disabled = true;
document.FormName.RadioButton[3].disabled = false;
document.FormName.RadioButton[4].disabled = false;
}
}

//セレクトボックスの記述
<select name="SelectBox" onchange="selectChange()">
<option value=""></option>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
</select>

回答No.1

Masa333 · ベストアンサー

エラーがでているオブジェクトはセレクトボックスですか？
selectChange()関数には
セレクトボックス、ラジオボタンの２つのオブジェクトがありますが、
ラジオボタンのエラーかもしれません。

エラーの原因として思いつくのは下記４点です。
もう一度確認してみてください。
１）オブジェクト名の間違い（綴り、重複）
２）フォーム名の間違い（綴り、重複）
３）フォームの設定が正しいかどうか
　<form>　</form>　フォームタグの間にオブジェクトが記述されているか
４）プロパティの間違い
　オブジェクトに存在しないプロパティを使用した場合など

補足

ありがとうございます。

selectChange関数の1行目「document.FormName.SelectBox.selectedIndex」にて
エラーが出ています。

いったいどうしてでしょうか？

回答No.2

STICKY2006

ふぅ。。。理解するのに数分かかりましたが。。。

これで全てってわけじゃないと思いますが。。。足りない部分のプログラム補足願います。

とりあえず、自分の方じゃエラーは出ませんでしたよ。
足りない部分勝手に作りましたけど。

//特定のラジオボタンを無効にする関数
function selectChange() {
var selectedNum = document.FormName.SelectBox.selectedIndex;
if(selectedNum == 1) {
document.FormName.RadioButton[0].disabled = false;
document.FormName.RadioButton[3].disabled = true;
document.FormName.RadioButton[4].disabled = true;
} else if(selectedNum >= 2){
document.FormName.RadioButton[0].disabled = true;
document.FormName.RadioButton[3].disabled = false;
document.FormName.RadioButton[4].disabled = false;
}
}

<form name ="FormName">

<!--セレクトボックスの記述-->
<select name="SelectBox" onchange="selectChange()">
<option></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

<input type ="radio" name ="RadioButton" value ="0">
<input type ="radio" name ="RadioButton" value ="1">
<input type ="radio" name ="RadioButton" value ="2">
<input type ="radio" name ="RadioButton" value ="3">
<input type ="radio" name ="RadioButton" value ="4">

</form>