WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:ラジオボタンでプルダウン選択可・不可にさせる方法

0:[投稿] あかり [2004/02/20 18:51 ][環境:IE6 CGI]

はじめまして。
以下のようなフォームを作りたいのですが、行き詰っています。

ラジオボタンA(デフォルトチェック) B
ラジオボタンAが選択された時のみプルダウン選択可

ご回答よろしくお願いいたします。


1:[回答] _ [2004/02/20 21:03 ]

JavaScriptを使います。


2:[回答] keiko [2004/02/20 21:06 ]

<html>
<head>
<title>sample</title>
<script type="text/javascript">
<!--
function changeSelect() {
    var cflag;
    for(i = 0; i < 2; i++) {
        if(document.myForm.myRadio[i].checked) {
            cflag = i;
        }
    }
    if(cflag == 0) {
        document.myForm.mySelect.disabled = false;
    }
    else {
        document.myForm.mySelect.disabled = true;
    }
}
//-->
</script>
</head>
<body>
<form name="myForm">
<input type="radio" name="myRadio" checked onClick="changeSelect()">ラジオボタンA
<input type="radio" name="myRadio" onClick="changeSelect()">ラジオボタンB
<br><br>
<select name="mySelect">
<option>AAA
<option>BBB
<option>CCC
</select>
</form>
</body>
</html>

こんな感じでどうでしょう?


3:[完了] あかり [2004/02/23 14:28 ]

ありがとうございました!
助かりました☆


4:[質問] あかり [2004/02/24 21:25 ]

何度もすいません。さらに質問です。
上記のソースで、プルダウンが選択できない場合、プルダウンの背景をグレーにすると言った事はできますでしょうか?

よろしくお願いいたします。


5:[回答] _ [2004/02/25 00:01 ]

できます。


6:[回答] gun [2004/02/25 09:18 ]

if(cflag == 0) {
   document.myForm.mySelect.disabled = false;
   document.myForm.mySelect.style.backgroundColor = '';
}
else {
   document.myForm.mySelect.disabled = true;
   document.myForm.mySelect.style.backgroundColor = 'Silver';
}


7:[完了] あかり [2004/02/25 11:18 ]

ありがとうございました!!
無事完成しました♪

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World