CODEWITHSUNDEEP
javascripthtml
I'm just a coder for fun
I'm just a coder for fun

Reputation: 151

Select dropdown inputting more than one select. Javascript

enter image description here

I am trying to get my select to only print one address instead of two. When I select TMobile, it will do the print to the input just fine. However, if I also select Verizon, it will also add the Verizon address next to it.

 <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'>

Here is my javascript:

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

Upvotes: 0

Views: 67

Answers (2)

Bakhtiiar Muzakparov
Bakhtiiar Muzakparov

Reputation: 2438

 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'>

Upvotes: 3

Muthu Kumaran
Muthu Kumaran

Reputation: 17920

Because you are concatenating the dropdown value in the onchange event.

Change from textbook2.value += this.value; to textbook2.value = this.value;

Upvotes: 1

Related Questions