选择下拉菜单输入多个选项。 Javascript

Question

我想让我的选择只打印一个地址而不是两个。当我选择TMobile时，它会很好地完成输入的打印。但是，如果我也选择Verizon，它也会在其旁边添加Verizon地址。

<select class='cellBox' id='cellSelection'> 
    <option value='@tmomail.next'>TMobile</option> 
    <option value='@vzwireless.com'>Verizon</option> 
</select> 
<input type='text' class='histBox' id='resultCell'> 

这里是我的javascript：

var dropdown2 = document.getElementById('cellSelection2'); 
var textbook2 = document.getElementById('resultCell2'); 
dropdown2.onchange = function(){ 
         textbook2.value += this.value; 
         } 

Answer 1

var dropdown2 = document.getElementById('cellSelection'); 
 
var textbook2 = document.getElementById('resultCell'); 
 
dropdown2.addEventListener("change",function(){ 
 
    \t \t textbook2.value = dropdown2.value; 
 
});

<select class='cellBox' id='cellSelection'> 
 
    <option value='@tmomail.next'>TMobile</option> 
 
    <option value='@vzwireless.com'>Verizon</option> 
 
</select> 
 
<input type='text' class='histBox' id='resultCell'>

Answer 2

因为你是串联在onchange事件的下拉值。

变化从textbook2.value += this.value;到textbook2.value = this.value;