如何用JavaScript以编程方式设置选择框元素的值？

我有以下HTML<选择>元素。

<select id="leaveCode" name="leaveCode">
  <option value="10">Annual Leave</option>
  <option value="11">Medical Leave</option>
  <option value="14">Long Service</option>
  <option value="17">Leave Without Pay</option>
</select>

使用一个以leaveCode数字为参数的JavaScript函数，我如何在列表中选择合适的选项？

Brett DeWoody
已编辑的问题 23日 七月 2017 в 11:41
编程
javascript html dom
17日 九月 2008 в 1:28
29 种观点
解决办法

你可以使用这个功能。

``js selectElement('leaveCode', '11')

函数selectElement(id, valueToSelect) { 让element = document.getElementById(id); element.value = valueToSelect; }

Minding
编辑本段答案9日 九月 2019 в 12:05
评论(11)

不是回答问题，但你也可以通过索引来选择，其中i是你想选择的项目的索引。

var formObj = document.getElementById('myForm');
formObj.leaveCode[i].selected = true;

你也可以通过循环来选择项目，用显示值来选择。

for (var i = 0, len < formObj.leaveCode.length; i < len; i++) 
    if (formObj.leaveCode[i].value == 'xxx') formObj.leaveCode[i].selected = true;
评论(1)

恐怕我现在无法测试这一点，但在过去，我相信我必须给每个选项标签一个ID，然后我做了类似的事情。

document.getElementById("optionID").select();

如果这不起作用，也许它能让你更接近解决方案 :P

评论(1)