<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ランキング
-
struts selectbox optionsColle...
-
Selenium Basicの件
-
プルダウン内容に応じてラジオ...
-
セッション
-
SQLのmaxで求めた値を変数に代...
-
jquery.csv2table.jsに検索窓
-
Selenium4でボタンをクリックで...
-
階層別の組織図の自動作成について
-
EUC-JPに対応しているjQueryを...
-
マスターページ使用時のJavascript
-
JQueryの変数の扱いで弱ってい...
-
Ajax・jQueryでGETとPOSTする方法
-
Googleストリートビューの写真...
-
jQueryのblockUIをformのボタン...
-
繰り返し処理のシンプルな書き方
-
Google Apps Scriptを利用した...
-
ajaxからphpにpsotしたときの日...
-
jQueryを使いformでsubmitした...
-
JavascriptからPHPへのAjax通信...
-
jqueryについて、$("+dd",this)...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascriptを使ってQRコード読...
-
JavaScriptでtabindexの変更っ...
-
SQLのmaxで求めた値を変数に代...
-
パソコンで動くjavascriptがス...
-
IndexedDB を使ってファイルア...
-
Selenium Basicの件
-
ドラッグ & ドロップでのド...
-
<input>のvalue値をプルダウン...
-
HTMLタグのidにaaaという名をつ...
-
jquery.csv2table.jsに検索窓
-
プルダウン内容に応じてラジオ...
-
チェックボックスとラジオボタ...
-
javascriptの計算結果をvalue=""に
-
Javascript+PHPでのデータの受...
-
ボタンクリックした際、id末尾...
-
複数対応できるチェックボック...
-
VBAでIEのHTMLタグの要素を操作...
-
Doctrineのjoinについて
-
jQueryのclass属性削除ができま...
-
メールを送信するボタンでOutlo...
おすすめ情報