- ベストアンサー
ラジオボタンの選択でセレクトメニューのnameの値を変えたい
教えてください。 まず上にラジオボタンがあり、下にプルダウンメニューがあります。 選択したラジオボタンのvalueが、下のプルダウンのnameになるようにしたいです。 <select name="ここに上のラジオボタンで選択されたvalueが入るようにしたい" size="1"> <option value="all" selected>指定しない</option> <option value="あいうえお">あいうえお</option> <option value="かきくけこ">かきくけこ</option> よろしくお願いします。
- ultra-goo
- お礼率100% (4/4)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
以下のコードを参考にしてみてください。 ------------------------------------------------------------ <html> <head> <script type="text/javascript"><!-- function setSel(r) { var obj = document.getElementById("sel1"); obj.name = r.value; alert(obj.name); } //--></script> </head> <body> <form> <input type="radio" name="rad" onclick="setSel(this)" value="radio1"> radio1 </input> <input type="radio" name="rad" onclick="setSel(this)" value="radio2"> radio2 </input> <hr /> <select name="ここに上のラジオボタンで選択されたvalueが入るようにしたい" size="1"> <option value="all" selected>指定しない</option> <option value="あいうえお">あいうえお</option> <option value="かきくけこ">かきくけこ</option> </form> </body> </html>
その他の回答 (1)
- yambejp
- ベストアンサー率51% (3827/7415)
まずselectにidを振ります。 あとはクリックされたときのアクションを設定するだけです。 <script> window.onload=function(){ var f=document.getElementById("f0"); for(var i=0;i<f.length;i++){ if(f[i].name=="hoge") f[i].onclick=function(){document.getElementById('hoge').name=this.value;}; } } </script> <form id="f0"> <input type="radio" name="hoge" value="" id="none" checked><label for="none">指定なし</label> <input type="radio" name="hoge" value="aaa" id="aaa"><label for="aaa">aaa</label> <input type="radio" name="hoge" value="iii" id="iii"><label for="iii">iii</label> <select id="hoge" size="1" onchange="alert(this.name)"> <option value="all" selected>指定しない</option> <option value="あいうえお">あいうえお</option> <option value="かきくけこ">かきくけこ</option> </select> </form>
お礼
早速、感謝です！！ コピペしてためしてみます。 IDをふるという知識はなかったです。 ありがとうございます！
お礼
ありがとうございます！！ すごくシンプルでタグの見た目がきれいで良いですね。 早速ためしてみます。どうもです！！！