Select a value in dropdown using Javascript

Question

$('select[name^="salesrep"] option[value="Bruce Jones"]').attr("selected","selected");

How do I write above piece of code in javascript?

• Lars Beck: What browsers do you need to target?
• Reshma: please explain your question with relevent codes and explanation
• Naim Malek: var yourelement = document.getElementsByName('salesrep'); yourelement.value = "valueToSelect;";
• Lars Beck: @manikantgautam Please read the question again (:
• Nawaz Ahmed: @Reshma I am having a input text field[name="iTextField"] .In onchange event of the particular field i am calling a function in which i need to make an option of drop down get selected

Answer 1

You can use querySelector as below

document.querySelector('select[name^="salesrep"] option[value="Bruce Jones"]').selected = true;

<select name="salesrep">
<option value="Bruce Jones">Bruce Jones</option>
<option value="John Doo">John Doo</option>
<option value="John Lee">John Lee</option>
<option value="Jane Doo">Jane Doo</option>
</select>

• Nawaz Ahmed: can i make option text get selected like
• Nawaz Ahmed: document.querySelector('select[name^="salesrep"] option[text="Bruce Jones"]').selected = true

Answer 2

JavaScript:

var mySelect = document.getElementById('salesrep');
for(var i, j = 0; i = mySelect.options[j]; j++) {
 if(i.value == 'Bruce Jones') {
 mySelect.selectedIndex = j;
 break;
 }
}

<select name="salesrep" id="salesrep">
<option value="Bruce Jones">Bruce Jones</option>
<option value="John Doo">John Doo</option>
<option value="John Lee">John Lee</option>
<option value="Jane Doo">Jane Doo</option>
</select>