カレッヂ |
質問者 Assy
投稿日 5/9(木) 15:17:03
初めて投稿させていただきます。 よろしくお願いします。 さっそくですが、 複数のラジオボタンと1つのドロップダウンを 使用してホームページを作る際に、 ・ラジオ1 ・ラジオ2 ・ラジオ3 ドロップ:「 」 上記の様な構成にボタンを作って、 ラジオ1を選択した時に、ドロップダウンの テキスト内容が「A」「B」「C」に‥ ラジオ2を選択した時に、ドロップダウンの テキスト内容が「X」「Y」「Z」に‥ というようなイメージなのですが。 よろしくお願いします。 |
回答者 しあわせのツボ
[削除]
投稿日 5/9(木) 17:09:11
こういうことですかね。 <script>は<head>内に、<form>は<body>内に記述してください。 <script type="text/javascript"> <!-- function radio1(s) { s.select1.options[0].text = "戸田"; s.select1.options[1].text = "木村"; s.select1.options[2].text = "里田"; } function radio2(s) { s.select1.options[0].text = "後藤"; s.select1.options[1].text = "保田"; s.select1.options[2].text = "吉澤"; } function radio3(s) { s.select1.options[0].text = "石川"; s.select1.options[1].text = "加護"; s.select1.options[2].text = "松浦"; } //--> </script> <form action=""> <input type="radio" name="hello" value="country" onclick="radio1(this.form);">ラジオ1<br> <input type="radio" name="hello" value="petit" onclick="radio2(this.form);">ラジオ2<br> <input type="radio" name="hello" value="red3" onclick="radio3(this.form);">ラジオ3<br> <select name="select1"> <option>まず上のラジオボタンを選んでね</option> <option>中澤</option> <option>市井</option> </select> </form> |
質問者 Assy
[削除]
投稿日 5/9(木) 18:11:43
まさにその通りでした! 出来ました。 勘所はfunction定義のoption数と selectのoptionの数が「=」ですね。 ありがとうございました。 |
質問者 Assy
[削除]
投稿日 5/9(木) 18:12:42
まさにその通りでした! 出来ました。 勘所はfunction定義のoption数と selectのoptionの数が「=」ですね。 ありがとうございました。 |
このページは終了したので返信(回答)は書きこめません
Web裏技 |