- 締切済み
ラジオボタンの選択に応じてプルダウンメニューの内容を変えたい
はじめまして。どうぞよろしくお願いいたします。 教えていただきたいのは「ラジオボタンの選択で、その下のプルダウンメニューの内容を変える方法」です。 javaスクリプトがちんぷんかんぷんですので、初心者でも分かるようご回答いただけると幸いです。 どうぞよろしくお願いいたします。
- sr400_new
- お礼率66% (2/3)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- yambejp
- ベストアンサー率51% (3827/7415)
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
こんな感じでどうでしょう？ あらかじめ用意しておいた、メニューの表示(inline)，非表示(none)をラジオボタンで切り換えます。 セレクトメニューは、１つでその内容を変更する必要があるような場合は、補足してください。 --------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS"> <title>サンプル</title> </head> <body> <form name="FORM1"> <input type="radio" name="radio1" value="kind1" id="r1" checked onclick="this.form.select1.style.display='inline';this.form.select2.style.display='none'"><label for="r1">種類１</label> <input type="radio" name="radio1" value="kind2" id="r2" onclick="this.form.select2.style.display='inline';this.form.select1.style.display='none'"><label for="r2">種類２</label><br> <select name="select1" style="display='inline'"> <option value="s1_1">種類１－１</option> <option value="s1_2">種類１－２</option> <option value="s1_3">種類１－３</option> <option value="s1_4">種類１－４</option> </select> <select name="select2" style="display='none'"> <option value="s2_1">種類２－１</option> <option value="s2_2">種類２－２</option> <option value="s2_3">種類２－３</option> <option value="s2_4">種類２－４</option> </select> </form> </body> </html>
お礼
どうもありがとうございます！ とても参考になりました！！
関連するQ&A
- プルダウンメニューで複数選択
省スペースのため、プルダウンメニューを使いたいのですが、基本的に一つしか選択できませんよね？メニュー内にラジオボタンをつけるなどして複数選択に対応させる方法はありませんでしょうか？
- ベストアンサー
- HTML
- ラジオボタンの選択でセレクトメニューのnameの値を変えたい
教えてください。 まず上にラジオボタンがあり、下にプルダウンメニューがあります。 選択したラジオボタンのvalueが、下のプルダウンのnameになるようにしたいです。 <select name="ここに上のラジオボタンで選択されたvalueが入るようにしたい" size="1"> <option value="all" selected>指定しない</option> <option value="あいうえお">あいうえお</option> <option value="かきくけこ">かきくけこ</option> よろしくお願いします。
- ベストアンサー
- JavaScript
- プルダウンメニューで、ボタンを使わない方法
PHPのプルダウンメニューで、ボタンを使わずに選択を実行するにはどうしたら良いのでしょうか？ (javaのonchangeの様に出来ればと思います） 皆様の知識を、どうぞお貸し下さいませm(__)m
- 締切済み
- PHP
- プルダウンメニューでインラインフレームを・・・
インラインフレームの内容（ファイル）を、プルダウンメニューで選択して変更できるようにしたいのですが、どういう風にスクリプトを書けばいいのでしょうか？ 「プルダウンメニューで画像を変える」スクリプトは見つけたのですが・・・・・・。
- ベストアンサー
- JavaScript
- ■「ラジオボタン」と「メニュー」のグループ化
フォームを作成中なのですが、 下記画像のようにラジオボタンとセレクトメニュー（プルダウンメニュー？）を選択できるようにしたいのですが、コードを教えて頂けませんでしょうか？ <m(__)m>どうか宜しくお願い致します。 ※ラジオボタンで選択できるのは一つです。 http://img2.blogs.yahoo.co.jp/ybi/1/dc/71/destrhythmer/folder/113039/img_113039_37008247_0?1311814552
- ベストアンサー
- HTML
- プルダウンメニューを作ろうとしているのですが…
フラッシュ初心者です。 プルダウンメニューを作ろうとしています。 on(rollOver){ play(); } のスクリプトでマウスオーバーでモーショントゥイーンによって拡大するようにした四角いMCの上にボタンインスタンスを設置したのですが、MCすべてがon(rollOver)の選択範囲になってしまいボタンインスタンスが反応しません。 何か方法はないでしょうか？ どなたか知恵を貸してください。 よろしくお願いします。
- ベストアンサー
- Flash
- プルダウンメニュー教えてください。
プルダウンメニューを作成しようとしていますが、望みのものが見つかりません。 欲しいプルダウンメニューは、 ・画像の上にポインタを置いたら、下に同じ幅でメニューが表示される。 ・そのメニューは画像ではなく、テキストによるメニュー。透過されており、不透明度を調整できる。 ・各メニューは横線で区切られており、ポインタを下に滑らすとポインタのある枠（ボックス）の背景色と文字色が変わる。 ・対応ブラウザは、IE6以上、FF、Chrome。 こういったプルダウンメニューを探しています。ネットで探せば、Java ScriptやCSSが たくさん紹介されているのですが、ぴったりのものが見つかりません。 もしご存知でしたら、教えていただけますでしょうか？ よろしくお願いします。
- ベストアンサー
- CSS
- プルダウン内容に応じてラジオボタンをオンオフ
jqueryを用いて制御をしようとしています。 プルダウンの値が0の時はラジオボタンを無効化して、 プルダウンの値が1に変更されたときは有効化したいです。 いろいろ調べているのですが、うまくいきません。 教えて下さい。
- ベストアンサー
- AJAX
- 2つのプルダウンメニューで、同じものを選べないようにする
ふたつの選択肢を選ぶために、プルダウンメニューがふたつ並んでいます。 例えばメニュー１の選択肢 ・A ・B ・C ・D でAを選んだとき、メニュー２の内容が ・B ・C ・D になるようにしたいのですが、どうすればいいでしょうか？ チェックボックスで選べる数をふたつまでにする、というのも方法としてはありなんですが、今回は都合上プルダウンメニューで実装したいのです。ご教授お願いします。
- ベストアンサー
- JavaScript
- プルダウンメニューで選択したものの画像を表示したい
こんにちは、HTML初心者です。 HTMLのページの上に画像があるのですがこの画像をその下にあるプルダウンメニューで選ばれたものによって表示を変更したいです。 例えばプルダウンメニューの「空」が選択されたらその上にある画像が空の画像になり「海」が選択されたら海の画像を表示するといった感じです。 インターネットで検索しているのですがなかなかこれといった書き方が見つかりません。 どなたか教えてください。よろしくお願いします！
- ベストアンサー
- HTML
お礼
ありがとうございます！ また分からないことがあった際には、どうぞよろしくお願いいたします！