Значение текстовой области продолжает увеличиваться с помощью опции Значение опции

Question

У меня есть Textarea и Selection Tag. Я пытаюсь вставить значение выбранной опции в мой Textarea с помощью js. но каждый раз, когда я меняю этот параметр, последнее значение все еще существует, и добавляется новая выбранная опция. Я хочу удалить недавно выбранную опцию каждый раз, когда меняю параметр. вот мой код ниже

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

});