Textarea的值不斷增加從選擇選項值

Question

我有一個Textarea和Selection Tag，我嘗試使用js將所選選項的值插入我的Textarea。但每次更改選項時，最近的值仍然存在，並添加新選擇的選項。我想在每次更改選項時刪除最近選擇的選項。這裏是我的代碼如下

var mytextbox = document.getElementById('greet_box'); //Textarea 
var mydropdown = document.getElementById('myShow'); //Select Tag 

mydropdown.onchange = function(){ 
    jQuery('#greet_box').show(); 
     mytextbox.value = mytextbox.value + this.value; //to appened 
     //mytextbox.innerHTML = this.value; 
} 

Answer 1

重置您的div爲空。

document.getElementById('greet_box').innerHTML = '' 

Answer 2

https://jsfiddle.net/Ljej0x5r/

的問題是在這裏：

mytextbox.value = mytextbox.value + this.value; //to appened

與

mytextbox.value = this.value;

Answer 3

替換它只是從表達它瓦特刪除mytextbox.value生病了。

筆這是http://codepen.io/sam83045/pen/NbXELO

Answer 4

做這樣的事情

$("#myShow").change(function(){ 
    var mydropdown=$("#myShow").val(); 
    $("#greet_box").show(); 
    $("#greet_box").val(mydropdown); 

});