- ベストアンサー
メニューを選択すると自動的に値が入る
ドロップダウン式メニューで値を選択すると、自動的にテキストボックスに対応する値が入るようにしたいのですが、可能でしょうか？
- takethemis
- お礼率93% (28/30)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じでしょうか？ <html> <head> <script> var menu=' おにぎり サンドイッチ 海苔巻 幕の内弁当 お茶'.split(' '); function test(sel){ var tmp=sel.options[sel.selectedIndex].value; document.getElementsByName('fuga')[0].value=tmp; } window.onload=function(){ var s=document.getElementsByName('hoge')[0]; for(var i=0; i<menu.length; i++){ s.options[i]=new Option(menu[i],menu[i]); } } </script> </head> <body> <form> <select name="hoge" onChange="test(this)" value=""></select> <p><textarea name="fuga" cols=12 rows=1 readonly></textarea> </form> </body> </html>
その他の回答 (1)
- Gizensha
- ベストアンサー率34% (207/608)
回答No.1
可能です。 リストのonChangeイベントでテキストボックスのvalueプロパティに代入です。 # メニューが別の実装ならonClickイベントなどになるのかも。
質問者
お礼
参考になりました。まだまだ勉強不足ですね。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
参考になりました。まだまだ勉強不足ですね。