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
– Reshma, Commented Jun 23, 2017 at 6:17
var yourelement = document.getElementsByName('salesrep'); yourelement.value = "valueToSelect;"; — Naim Malek
– Naim Malek, Commented Jun 23, 2017 at 6: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
– Nawaz Ahmed, Commented Jun 23, 2017 at 6:22

Srinivas ML · Accepted Answer · 2017-06-23 06:19:57Z

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, 2017 at 6:19

Srinivas ML

7303 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Nawaz Ahmed Over a year ago

can i make option text get selected like

Nawaz Ahmed Over a year ago

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

Achyuth23 · Accepted Answer · 2017-06-23 07:35:28Z

0

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>

answered Jun 23, 2017 at 7:35

Achyuth23

4111 gold badge10 silver badges22 bronze badges

Collectives™ on Stack Overflow

Select a value in dropdown using Javascript

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related