選擇下拉菜單輸入多個選項。 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;