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ベストアンサー
- 回答日時:
エラーがでているオブジェクトはセレクトボックスですか?
selectChange()関数には
セレクトボックス、ラジオボタンの2つのオブジェクトがありますが、
ラジオボタンのエラーかもしれません。
エラーの原因として思いつくのは下記4点です。
もう一度確認してみてください。
1)オブジェクト名の間違い(綴り、重複)
2)フォーム名の間違い(綴り、重複)
3)フォームの設定が正しいかどうか
<form> </form> フォームタグの間にオブジェクトが記述されているか
4)プロパティの間違い
オブジェクトに存在しないプロパティを使用した場合など
この回答への補足
ありがとうございます。
selectChange関数の1行目「document.FormName.SelectBox.selectedIndex」にて
エラーが出ています。
いったいどうしてでしょうか?
No.2
- 回答日時:
ふぅ。
。。理解するのに数分かかりましたが。。。これで全てってわけじゃないと思いますが。。。足りない部分のプログラム補足願います。
とりあえず、自分の方じゃエラーは出ませんでしたよ。
足りない部分勝手に作りましたけど。
//特定のラジオボタンを無効にする関数
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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptでセレクトボックス...
-
selectを変更不可にしたい
-
javascriptでoptionタグを削除...
-
プルダウン選択を変更すると、...
-
hiddenに値を設定する方法
-
セレクトボックスの内容を次の...
-
Selectボックスの一覧表示方法
-
同じ名前のセレクトがある場合...
-
jqueryでselect要素を表示・非...
-
変数にフォーム名を指定したい
-
selectボックスで選択数を制限...
-
disableとすることなく、ユーザ...
-
3つのselectでURLパラメータを...
-
プルダウンメニューに連動する...
-
javascriptで計算フォームを作...
-
プルダウンを選択していないと...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
hiddenのvalueの値を変えたい
-
onchangeイベントを強制的に発...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
全てのselect要素をデフォルト...
-
javascriptでセレクトボックス...
-
Selectボックスの一覧表示方法
-
JavaScriptで<select>の<option...
-
プルダウン選択を変更すると、...
-
select要素のvalueを配列で取得...
-
selectを変更不可にしたい
-
<input>の選択肢をプルダウンメ...
-
ラジオボタンとプルダウンを連...
-
【JS】selectでchangeした時の...
-
VBScriptでHTMLのセレクトボッ...
-
リストボックス内の重複したも...
-
同じ名前のセレクトがある場合...
-
プルダウンの値によって活性・...
-
selectが変更されたらnameを指...
-
【javascript】連想配列からセ...
-
3つのselectでURLパラメータを...
-
複数のプルダウンを1つにまとめ...
-
selectボックスで選択数を制限...
-
セレクトボックスで配列を呼び...
おすすめ情報