- ベストアンサー
プルダウンからテキストボックスに入力
- プルダウンを使用して、選択した項目をテキストボックスに表示させる方法を説明します。
- 複数のプルダウンを用意し、選択した項目を連結してテキストボックスに表示させる方法を説明します。
- 初期表示と連結したテキストを設定する方法を説明します。
- satomi002
- お礼率25% (27/104)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
さいごのtext1は、ひょうじだけだよね。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>test</title> <form action="#" name="abc"> <p> <select onchange="p()" name="se"> <option value="" title="" selected></option> <option value="A" title="A">A</option> <option value="a" title="a">a</option> </select> <p> <select onchange="p()" name="se"> <option value="" title="" selected></option> <option value="B" title="B">B</option> <option value="b" title="b">b</option> </select> <p> <select onchange="p()" name="se"> <option value="" title="" selected></option> <option value="C" title="C">C</option> <option value="c" title="c">c</option> </select> <p> <select onchange="p()" name="se"> <option value="" title="" selected></option> <option value="D" title="D">D</option> <option value="d" title="d">D</option> </select> <p> <select onchange="p()" name="se"> <option value="" title="" selected></option> <option value="E" title="A">E</option> <option value="e" title="a">e</option> </select> <p> <input type="text" value="ZZ" id="text1" name="text1"> </form> <script type="text/javascript"> function p() { var se = document.forms[ 'abc' ].elements[ 'se' ]; var cnt = 0; var obj; var txt = ''; while( obj = se[ cnt++ ] ) txt += ' ' + obj.value; obj = document.forms[ 'abc' ].elements[ 'text1' ]; obj.value = obj.defaultValue + txt; } </script>
その他の回答 (1)
- babu_baboo
- ベストアンサー率51% (268/525)
while( obj = se[ cnt++ ] ) txt += (cnt==1 ? '':' ') + obj.value;
お礼
試してみましたが、[ZZA B C D E]となりました。 cnt==2としましたら、[ZZ AB C D E]が出来ました。 ありがとうございました。
補足
ありがとうございます。 動作確認しまして、希望する事ができました。 「text1」は表示のみです。 AとBの間をスペース空けずに表示させる事は可能でしょうか？ [ZZ Ab C D e] スペースを空けないのはAB間のみで固定です。