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

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

<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.1 回答者： fujillin 回答日時： 2012/01/18 18:50

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

<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>

この回答へのお礼

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

お礼日時：2012/01/19 16:48

No.2 ベストアンサー 回答者： yambejp 回答日時： 2012/01/19 09:38

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

<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>

この回答へのお礼

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

お礼日時：2012/01/19 16:46