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?

please explain your question with relevent codes and explanation — Reshma, Jun 23 '17 at 06:17
`var yourelement = document.getElementsByName('salesrep'); yourelement.value = "valueToSelect;";` — Naim Malek, Jun 23 '17 at 06:19
@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 — Nawaz Ahmed, Jun 23 '17 at 06:22

score 2 · Answer 1 · answered Jun 23 '17 at 06:19

2

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>

answered Jun 23 '17 at 06:19

Srinivas ML

732
3
12

can i make option text get selected like – Nawaz Ahmed Jun 23 '17 at 06:35
document.querySelector('select[name^="salesrep"] option[text="Bruce Jones"]').selected = true; – Nawaz Ahmed Jun 23 '17 at 06:35

score 0 · Answer 2 · answered Jun 23 '17 at 07:35

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>

Select a value in dropdown using Javascript

2 Answers2