CODEWITHSUNDEEP
javascriptjqueryhtml
Nawaz Ahmed
Nawaz Ahmed

Reputation: 37

Select a value in dropdown using Javascript

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

How do I write above piece of code in javascript?

Upvotes: 0

Views: 129

Answers (2)

Achyuth23
Achyuth23

Reputation: 411

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>

Upvotes: 0

Srinivas ML
Srinivas ML

Reputation: 730

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>

Upvotes: 2

Related Questions