![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
<input>のvalue値をプルダウンメニューから受け取りたいのですが、Javascriptを使用すれば出来るものでしょうか?もし可能でしたら、そのコードを教えて頂きたいです。
当方htmlとcssが少し出来る程度で、ウェブで調べても分からなかったので質問させていただきました。
以下はソースになります。
プルダウンのソース:
<FORM>
<SELECT>
<OPTION SELECTED>SELECT</OPTION>
<OPTION VALUE="AAABBB">A</OPTION>
<OPTION VALUE="BBBBBB">B</OPTION>
<OPTION VALUE="CCCCCC">C</OPTION>
</SELECT>
</FORM>
↑上で選択したvalueの値を、↓下の「ここの値」に渡したいです。
inputのソース:
<input name="hosted_button_id" value="ここの値" type="hidden">
宜しくお願いいたします。
No.1ベストアンサー
- 回答日時:
単純にやるならidをふって以下のようにします。
関数化したほうが汎用性はあります
(hiddenだとわたっているかわからないのでtextにしてあります)
<FORM>
<SELECT onchange="document.getElementById('hosted_button_id').value=this.value">
<OPTION SELECTED>SELECT</OPTION>
<OPTION VALUE="AAABBB">A</OPTION>
<OPTION VALUE="BBBBBB">B</OPTION>
<OPTION VALUE="CCCCCC">C</OPTION>
</SELECT>
</FORM>
<input name="hosted_button_id" id="hosted_button_id" value="ここの値" type="text">
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Javascriptを使ってQRコード読...
-
Doctrineのjoinについて
-
<input>のvalue値をプルダウン...
-
JQuery Datepickerについて
-
SQLのmaxで求めた値を変数に代...
-
div要素の入れ替え。半透明イメ...
-
階層別の組織図の自動作成について
-
jQuery,Ajaxでcgiに接続する方...
-
カンマ区切りのデータを配列に...
-
JScriptでDBへの接続方法について
-
アコーディオンで多階層のメニ...
-
readyStateが4にならない原因
-
jQuery を外部ファイルから呼び...
-
迷路探索プログラムを作るには...
-
AjaxでJSONを受信すると、文字...
-
ローカルでのonreadystatechang...
-
.txtファイルの読み込み
-
インラインフレームを自動更新...
-
googleマップが表示されない。
-
[jQuery UI] sortableを使いaja...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascriptを使ってQRコード読...
-
SQLのmaxで求めた値を変数に代...
-
JavaScriptでtabindexの変更っ...
-
ドラッグ & ドロップでのド...
-
Selenium Basicの件
-
パソコンで動くjavascriptがス...
-
<input>のvalue値をプルダウン...
-
ボタンクリックした際、id末尾...
-
inputタグ内にあるid属性の意味?
-
WebbrowserよりHTMLのValue値を...
-
struts selectbox optionsColle...
-
IndexedDB を使ってファイルア...
-
プルダウン内容に応じてラジオ...
-
JQuery Datepickerについて
-
★大至急!JavaScriptのif文教え...
-
javascriptの計算結果をvalue=""に
-
メールを送信するボタンでOutlo...
-
jquerymobileで作成するアンケ...
-
VBAでIEのHTMLタグの要素を操作...
-
セレクトしたデータを更新させ...
おすすめ情報