![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
<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ランキング
-
jQueryでシンセサイザーを作っ...
-
switch文のswitch(n)の部分を複...
-
セレクトボックスを2つ選択して...
-
①入力フォーム→②確認表示画面→③...
-
追加ボタンを押した際に ok ボ...
-
二次元配列の全要素の全要素を...
-
【GAS】WEBアプリでハイパーリ...
-
【Google Apps Script】「ライ...
-
プログラミング 学習
-
HTMLでサブフレームから親のス...
-
ジャバスクリプトについて。
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
二次元配列を使って順位をだす...
-
iOSのみダブルタップが必要
-
jsで質問です。 displayプロパ...
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
-
Googleフォームで選択肢に応じ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ドラッグ & ドロップでのド...
-
Javascriptを使ってQRコード読...
-
JavaScriptでtabindexの変更っ...
-
SQLのmaxで求めた値を変数に代...
-
Selenium Basicの件
-
<input>のvalue値をプルダウン...
-
struts selectbox optionsColle...
-
javascriptの計算結果をvalue=""に
-
リスニング問題のプログラミン...
-
パソコンで動くjavascriptがス...
-
メールを送信するボタンでOutlo...
-
【お問い合わせフォーム】プル...
-
jquery.csv2table.jsに検索窓
-
IndexedDB を使ってファイルア...
-
サイト内のデータを絞り込んで...
-
WebbrowserよりHTMLのValue値を...
-
inputタグ内にあるid属性の意味?
-
複数対応できるチェックボック...
-
Doctrineのjoinについて
-
チェックボックスで得た複数回...
おすすめ情報