使用 Javascript 在下拉列表中选择一个值答案

【问题标题】：Select a value in dropdown using Javascript使用 Javascript 在下拉列表中选择一个值
【发布时间】：2017-06-23 06:14:23
【问题描述】：

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

如何在javascript中编写上面的代码？

【问题讨论】：

您需要定位哪些浏览器？
请用相关代码和解释说明您的问题
var yourelement = document.getElementsByName('salesrep'); yourelement.value = "valueToSelect;";
@manikantgautam 请再次阅读问题（：
@Reshma 我有一个输入文本字段[name="iTextField"]。在特定字段的 onchange 事件中，我正在调用一个函数，在该函数中我需要选择下拉选项

标签： javascript jquery html

【解决方案1】：

您可以使用如下查询选择器

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>

【讨论】：

我可以让选项文本被选中
document.querySelector('select[name^="salesrep"] option[text="Bruce Jones"]').selected = true;

【解决方案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>

【讨论】：