セレクトボックスで選択した内容をテキストボックスへ

質問

こんにちは、初めて質問させて頂きます。
現在、下記のような形式で、選んだテキストをテキストボックスに追加する仕様を使っています。
これをテキストではなく、プルダウン形式のセレクトボックスで選択できるようにはできないでしょうか？

<A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='鉄 '">鉄</A><BR>
<A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='アルミ '">アルミ</A><BR>
<A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='塩ビ '">塩ビ</A><BR>

<FORM name="myform">
<INPUT TYPE="TEXT" NAME="comment" SIZE="50">
</form>

お手数ですが、もし宜しければお知恵をお貸し下さい。

回答No.2

yambejp · ベストアンサー

連続入力することもかんがえるとこうするとよいかも

<script>
function hoge(obj){
var f=obj.form;
var v=obj.options[obj.selectedIndex].value;
var c=f.elements["comment"];
c.value+=v;
obj.selectedIndex=0;
}
</script>
<form>
<p>
<select onchange="hoge(this)">
<option value="" >選択してね</option>
<option value="鉄">鉄</option>
<option value="アルミ">アルミ</option>
<option value="塩ビ">塩ビ</option>
</select>
<input type="text" name="comment" value="">
</p>
</form>

お礼

まさにこれです、想像していた通りに上手く動きました！
迅速な回答で本当に助かりました、ありがとう御座います。

回答No.1

fujillin

意味がよくわかってませんが、ご提示のものと同じ内容でよいのなら、

<form>
<p>
<select onchange="
this.form.elements['comment'].value += this.value + ' ';">

<option value="鉄" selected>鉄</option>
<option value="アルミ">アルミ</option>
<option value="塩ビ">塩ビ</option>
</select>

<p>
<input type="text" name="comment" value="">
</form>

お礼

ありがとう御座いました、お陰様で上手く動かす事ができました。
迅速な回答で本当に助かりました。