■「ラジオボタン」と「メニュー」のグループ化

質問

フォームを作成中なのですが、
下記画像のようにラジオボタンとセレクトメニュー（プルダウンメニュー？）を選択できるようにしたいのですが、コードを教えて頂けませんでしょうか？
<m(__)m>どうか宜しくお願い致します。

※ラジオボタンで選択できるのは一つです。
http://img2.blogs.yahoo.co.jp/ybi/1/dc/71/destrhythmer/folder/113039/img_113039_37008247_0?1311814552

回答No.2

yambejp · ベストアンサー

javascriptを使うことになります。
こんな感じ

<script>
window.onload=function(){
setDisabledAll();
}
function setDisabledAll(){
var f=document.getElementById("f1");
for(var i=0;i<f.length;i++){
if(f[i].type!="radio" && f[i].type!="submit") f[i].disabled=true;
}
}
function setDisabled(obj){
setDisabledAll();
var e=obj.parentNode.getElementsByTagName("*");
for(var i=0;i<e.length;i++){
if((e[i].nodeName=="INPUT"||e[i].nodeName=="SELECT"||e[i].nodeName=="TEXTAREA")&&e[i]!=obj){
e[i].disabled=false;
}
}
}
</script>
<form id="f1">
<div>
<input type="radio" name="r1" onclick="setDisabled(this)">
<select name="design">
<option value="A">デザインＡ</option>
<option value="B">デザインＢ</option>
<option value="C">デザインＣ</option>
</select>
</div>
<div>
<input type="radio" name="r1" onclick="setDisabled(this)">
選択しない
</div>
<div>
<input type="radio" name="r1" onclick="setDisabled(this)">
その他｛<input type="text" value="">｝
</div>
<div>
<input type="submit" value="go">
</div>
</form>

お礼

本当に有難うございました、
<m(__)m>またご質問させて頂きますので宜しくお願い致します。

補足

yambejpさま

御回答有難うございます！
dreamweaverでいま貼り付けて確認しましたが、バッチリ出来ています！

いや、本当にこんなに早く回答頂けるなんて大変感謝です。。
今夜、ちょっとフォームに埋めてみて、動作確認してみます。
また質問させて頂く時がありましたら宜しくお願い致します。

<m(__)m>本当に有難うございました

回答No.1

yambejp

画像がみえない、具体的な仕様を提示してください

補足

お忙しい中、ご回答有難うございます。

■画像
http://img2.blogs.yahoo.co.jp/ybi/1/dc/71/destrhythmer/folder/113039/img_113039_37008247_0?1311814552

◎デザインＡ　　◎選択しない　　◎その他｛　　　　　　　　｝
　デザインＢ
　デザインＣ

具体的にはこのようになるのですが、
どれか１つラジオボタンを選択して、メニューを選択出来るようにしたいのです。
（またはその他のところにテキストを入れる）

本当に素人質問で申し訳御座いません。。
宜しくお願い致します。