使用Javascript在下拉菜单中选择一个值

Question

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

如何在JavaScript中编写上面一段代码？

Answer 1

您可以使用querySelector如下

​​

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>