• ベストアンサー

プルダウンからテキストボックスへ

フォームのプルダウンで選択した内容を、テキストボックスへ自動的に反映させる方法はありますか?ラジオボタンからOnclickを使う方法はわかるのですが…。

  • gebe
  • お礼率83% (46/55)
  • HTML
  • 回答数3
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
  • MAGI
  • ベストアンサー率45% (5/11)
回答No.3

<HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript"> function FuncSetText() { var frm=document.forms[0]; var idx = frm.cmb.selectedIndex; if (-1 != idx) frm.txt.value = frm.cmb.options[idx].text; } </SCRIPT></HEAD> <BODY> <FORM NAME="thisform" METHOD="POST"> <CENTER> <SELECT NAME="cmb" onChange="FuncSetText()"> <OPTION VALUE="1">AAA</OPTION> <OPTION VALUE="2">BBB</OPTION> <OPTION VALUE="3">CCC</OPTION> <OPTION VALUE="4">DDD</OPTION> </SELECT><INPUT TYPE="TEXT" NAME="txt"></CENTER> </FORM> </BODY> </HTML>

その他の回答 (2)

noname#380
noname#380
回答No.2

以下のページにサンプルがあります。

参考URL:
http://www.ueda.info.waseda.ac.jp/~gaku/js/
gebe
質問者

お礼

早速のご回答、ありがとうございました。解決しました。

  • Mugi
  • ベストアンサー率84% (11/13)
回答No.1

selectのonchangeイベントを使います。

gebe
質問者

お礼

早速のご回答、ありがとうございました。解決しました。

関連するQ&A

  • ラジオボタンとテキストボックスとプルダウンの連動

    ※データベースで登録したデータが※ 画面上に表示されており、1件1件にラジオボタンがあります。 そのラジオボタンにチェックを入れると、 チェックが入っている1件のみのデータが、 (※ボタンを押さずに※)配置しているテキストボックスに反映されるようにしたいと考えています。 <JSP>------------------ 名前 : [テキストボックス] 住所 : [テキストボックス] 誕生日 : [プルダウン]年[プルダウン]月[プルダウン]日 『登録ボタン(submit)』 (←サーブレットを呼ぶ) ◆結果◆ (上記に入力したデータが、データベースに登録され、そのデータが全件出力されている↓) (<table>のイメージ)   名前 住所  誕生日 ○ AAA 福岡県 1989/12/24 ○ BBB 東京都 1999/11/1 ○ CCC 北海道 1980/1/2 ↑ ラジオボタン ○ AAA 福岡県 1989/12/24 ↑がチェックされたとする。 JSP上部の[テキストボックス]にそれぞれのデータが入る。(↓イメージ) 名前 : [AAA] 住所 : [福岡県] 誕生日 : [1989]年[12]月[24]日 『登録ボタン』 どなたかご教授お願いいたします。

  • テキストボックスへにセル値の入力

    エクセルマクロの初心者で恐縮なのですが、ユーザーフォームのテキストボックスに下記のようなことは可能でしょうか? 例1)ユーザーフォーム上にある「テキストボックス」に「オプションボタン1」を選択するとワークシートのセル値を入力(反映)することは可能でしょうか? 例2)次に、「オプションボタン2」を選択すると、例1でテキストボックスに入力(反映)した値を消去し、かつ、このテキストボックスに数値を直接入力したら、ワークシートの別セルに入力した数値が反映されるようにすることは可能でしょうか? 例1・2)についてどのようなマクロを組めばよいのでしょうか? マクロにお詳しい方、大変申し訳ございませんか、ご指導お願いいたします。

  • ラジオボタンにチェックを入れて、テキストボックスのコメントを消すには

    どなたかお力を・・・ 宜しくお願いします。 メールフォームを作成していて、 テキストボックス入力欄 ○ラジオボタン01 ○ラジオボタン02 から、1箇所選択してもらうようにしてあります。 テキストボックスに始めから、例を記入してあるのですが、 ラジオボタンにチェックを入れた際に消えるようにしたいのです。 フォームのコメントを消すjavascriptは変更してもらっても構いません。 <INPUT type="text" name="あいうえお" onfocus="if (this.value == '例)Corneometer') this.value = '';" onblur="if (this.value == '') this.value = '例)テスト';" value="例)テスト"> <INPUT type="radio" name="かきくけこ" value="ラジオ01" onClick="check_reset(this,10)">ラジオ01 <INPUT type="radio" name="かきくけこ" value="ラジオ02" onClick="check_reset(this,11)">ラジオ02

  • プルダウンボックスの連動について

    プルダウンボックスで、ある項目を選択して、2つ目のプルダウンボックスで細かい内容を選択させる方法を教えてください。(JavaScript) 下の画像のように。

  • プルダウンメニューにテキスト入力?

    現在、HTMLのフレームを左右に2分割しています。左側に用意したいくつかのラジオボタンやフォームの入力内容などの条件を入れてボタンを押すと、Perlで書き出された結果表示が右側に出る仕組みです。 この左側画面にプルダウンメニューを置いて、選択枝のひとつに「テキスト入力欄を設ける」ということは可能でしょうか? ご教授よろしくお願いします。 ちなみに今回のperlは人に教わりながらようやく書きまして、JavaScriptなども、ほとんどわかってない有様で・・・。

    • ベストアンサー
    • HTML
  • 【お問い合わせフォーム】プルダウン選択で、フォームの内容を変更したい

    【お問い合わせフォーム】プルダウン選択で、フォームの内容を変更したい お世話になります。 ある商品に関するお問い合わせフォームを制作していて、 プルダウンで「商品名」を選択したあとに、フォーム内容を変えたいと思っているのですが、 いろんなサイトを見て勉強してみましたが、方法がわからなくて困っています。 JavaScript、Jquery、PHPなど、変更できれば種類は問いません。 例を挙げますと、 【プルダウン選択】商品A を選んだとき 【フォームの内容】テキストフィールド:氏名、住所、電話、お問い合わせ内容  ラジオボタン:性別 【プルダウン選択】商品B を選んだとき 【フォームの内容】テキストフィールド:氏名、ふりがな、住所、Eメール、お問い合わせ内容  チェックボックス:固定電話、携帯電話 というように、プルダウンで選んだ項目に対して、それ以降の項目を変更させたいです。 設置時の希望として、 新たなページにジャンプするにしても、inframeを使って、あたかも同じページ内で完結し、ページ移動していないように見せたいです。 また、後の更新を考えて、なるべくシンプルなディレクトリ構成ができれば嬉しいです。 サーバは、cgi、php、javascriptが使えます。Jqueryはまだ試したことがありません。 どうぞよろしくお願いいたします。

  • ラジオボタンでテキストボックスを非アクティブにできる?

    2択のラジオボタンと、テキストボックスが一つあったとして、ラジオボタンの片方を選択しているときは、このテキストボックスを非アクティブ状態にする、といったことはJavascriptで可能でしょうか? あまりJavascriptに詳しくないので、簡単な記述で制御できると助かるのですが・・・。 ご教授、よろしくお願いいたします。

  • プルダウンとテキストの連動

    お世話になります。プルダウン1を選択すると、プルダウン2の内容が切り替わり、さらにプルダウン2を選択すると、横のテキストフィールド内にテキストが入る(プルダウン2で選択した項目の説明)というようにしたいのです。プルダウン1をえらぶと2の項目がかわる、まではできたのですが、次のテキスト変更がわかりません。プルダウン3として、そこにテキストを表示させようかと思ったのですが、やはりテキストフィールドにしてほしいといわれてしまいました。。。わかりにくい説明ですみませんが、参考になるサイトなどご存じでしたら教えてください。どうかよろしくお願い致します。

  • テキストボックスのデフォルト設定とコンボボックスの更新について

    テキストボックスのデフォルト設定とコンボボックスの更新について エクセルのVBAで、ユーザーフォームを使用しています。 ユーザーフォームの中にはコンボボックスとテキストボックスとボタンがあります。 コンボボックスには「ABCDEFGHIJKLM」と合計13のリストがあります。 ユーザーフォーム起動時に、コンボボックスには最初のリスト(A)が表示 されていて、「次へ」ボタンと「戻る」ボタンの2つを用意しています。 (1)ユーザーフォーム起動時にテキストボックスに「0」を入れる方法を教えていただけないでしょうか。 コンボボックスで「A」が選択された状態で「次へ」ボタンをおしたら「B」が選ばれる。 「D」が選択された状態で「次へ」ボタンをおしたら「E」が選ばれる。 「M」が選択された状態で「次へ」ボタンをおしたら「A」が選択される。(リストの最初に戻る。) というのは、次のVBAで上手くいきました。 If Combobox1.ListIndex < Combobox1.ListCount - 1 Then Combobox1.Text = Combobox1.List(Combobox1.ListIndex + 1) Else Combobox1.Text = Combobox1.List(0) End If (2)しかし「E」が選択された状態で「戻る」ボタンをおしたら「D」が選ばれる。 「G」が選択された状態で「戻る」ボタンをおしたら「F」が選ばれる。 「A」が選択された状態で「戻る」ボタンをおしたら「M」が選ばれる。(リストの最後に戻る。) といった内容のマクロがうまく組めません。 教えていただけると助かります。

  • IEにおけるプルダウン、テキストボックスの限界値

    1つのHTMLにおいてプルダウンやテキストボックスを事実上いくつまで許されるのでしょうか? 試しに100個ほどプルダウンを書くと、まずファイルを開く時にかなり時間がかかり、画面のスクロールでもスクロールにプルダウンがついてこない感じで画面が崩れます。テキストボックスではプルダウンほどではないのですが、このようなオブジェクトの定義の限界値ってどれくらいなのでしょうか? わかりにくい質問でスミマセン。

    • ベストアンサー
    • HTML