Textarea-Wert erhöht sich weiter von Wählen Sie Option Wert

Question

Ich habe eine Textarea und Selection Tag, ich versuche, den Wert der ausgewählten Option zu meinem Textarea mit js einzufügen. aber jedes Mal, wenn ich die Option ändere, war der letzte Wert immer noch vorhanden und eine neu gewählte Option wurde hinzugefügt. Ich möchte eine kürzlich ausgewählte Option jedes Mal entfernen, wenn ich eine Option ändere. Hier ist mein Code unter

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

Setzen Sie Ihre div auf leer zurück.

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

Answer 2

https://jsfiddle.net/Ljej0x5r/

Das Problem dabei ist:

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

es ersetzen mit

mytextbox.value = this.value;

Answer 3

mytextbox.value aus der Expression es einfach entfernen w Ich werde arbeiten.

Pen hierfür ist http://codepen.io/sam83045/pen/NbXELO

Answer 4

etwas tun wie das

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

});