Textarea值从Select Option值开始递增

时间:2016-12-02 09:30:57

标签: javascript jquery html

我有TextareaSelection 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;
}

4 个答案:

答案 0 :(得分:1)

做那样的事

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

});

答案 1 :(得分:0)

div重置为空。

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

答案 2 :(得分:0)

https://jsfiddle.net/Ljej0x5r/

问题在于:

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

将其替换为

mytextbox.value = this.value;

答案 3 :(得分:0)

只需从表达式中移除mytextbox.value即可。

笔为http://codepen.io/sam83045/pen/NbXELO