こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

セレクトボックスとテキストボックスの連動について

セレクトボックスで質問事項を選ぶと、テキストボックスの中に選択した名称が表示される。ということをやりたく下記の様に設定しました。

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


<select name="質問事項1" onchange="hoge(this)">
<option value="selected">質問事項を選んでください</option>
<option value=“質問1">質問1</option>
<option value="質問2">質問2</option>
<option value="質問3">質問3</option>
</select>

<textarea name="comment"></textarea>


現在発生している問題が1点あります。
セレクトボックスで質問を2回選ぶと、選んだ2つの結果がテキストボックス内に連続して表示されます。

例:
1回目
セレクトボックス内
「質問1」を選択

テキストボックス内
「質問1」が表示

2回目
セレクトボックス内
「質問2」を選択

テキストボックス内
「質問1質問2」と表示

2回目以降選んだ場合に前回の処理をクリアにして、1つのみ表示させたいと思うのですがどうやればいいのでしょうか。

よろしくお願いします。

投稿日時 - 2014-10-01 10:56:48

QNo.8774873

困ってます

質問者が選んだベストアンサー

c.value+=v
足すからだめ。

c.value = v;

今のままじゃc.valueにどんどん追加するから追加されていく。

投稿日時 - 2014-10-01 11:24:30

お礼

ありがとうございます!
できました!
本当に助かりました。

投稿日時 - 2014-10-01 11:37:12

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問