Textarea值從Select Option值開始不斷增加

Question

我有一個Textarea和Selection Tag ，我嘗試使用js將selected選項的值插入到我的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

做這樣的事情

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

});

Answer 2

將div重置為空。

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

Answer 3

https://jsfiddle.net/Ljej0x5r/

問題在這里：

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

替換為

mytextbox.value = this.value;

Answer 4

只需從表達式中刪除mytextbox.value就可以了。

為此的筆是http://codepen.io/sam83045/pen/NbXELO