选择下拉菜单输入多个选择。使用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(){
 		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;