- ベストアンサー
セレクトメニューで選択した値をテキストボックスに連結して入力する方法
- セレクトメニューで選択した値をテキストボックスに連結して入力する方法についてご質問いただきました。当方はJavaScriptを勉強中であり、サンプルプログラムをご提示することができます。
- セレクトメニューで複数の値を選択し、それらの値を自動的にテキストボックスに連結したい場合、JavaScriptを使用することが一般的です。JavaScriptを使って各セレクトメニューの選択値を取得し、それらを連結してテキストボックスに表示することができます。
- 例えば、SelectMenuAで「あい」、SelectMenuBで「うえ」、SelectMenuCで「おか」、SelectMenuDで「きく」という値を選択した場合、JavaScriptを利用して「あいうえおかきく」という文字列をテキストボックスに表示することができます。
- hage_1000
- お礼率89% (34/38)
- JavaScript
- 回答数1
- ありがとう数7
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じで良いのでしょうか。 <html><head><title>タイトル</title> <script type='text/javascript'> function ChangeText(){ document.Form.Text.value = document.Form.SelectMenuA.value + document.Form.SelectMenuB.value + document.Form.SelectMenuC.value + document.Form.SelectMenuD.value; } </script></head> <body><form name='Form'> <select name='SelectMenuA' onchange='ChangeText()'> <option value='あい'>あい</option> <option value='うえ'>うえ</option> <option value='おか'>おか</option> <option value='きく'>きく</option> <option value='けこ'>けこ</option></select><br /> <select name='SelectMenuB' onchange='ChangeText()'> <option value='あい'>あい</option> <option value='うえ'>うえ</option> <option value='おか'>おか</option> <option value='きく'>きく</option> <option value='けこ'>けこ</option></select><br /> <select name='SelectMenuC' onchange='ChangeText()'> <option value='あい'>あい</option> <option value='うえ'>うえ</option> <option value='おか'>おか</option> <option value='きく'>きく</option> <option value='けこ'>けこ</option></select><br /> <select name='SelectMenuD' onchange='ChangeText()'> <option value='あい'>あい</option> <option value='うえ'>うえ</option> <option value='おか'>おか</option> <option value='きく'>きく</option> <option value='けこ'>けこ</option></select><br /> <input type='text' name='Text'><br /> </form> </body></html>
お礼
参考になりました。 「Form.SelectMenuA.value 」ですかぁ。ありがとうございました。