javascript - 如何使用JavaScript以编程方式设置选择框元素的值？(How do I programmatically set the value of a select box element using JavaScript?)

Question

I have the following HTML <select> element:

(我有以下HTML <select>元素：)

<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>

Using a JavaScript function with the leaveCode number as a parameter, how do I select the appropriate option in the list?

(使用以leaveCode数字作为参数的JavaScript函数，如何在列表中选择适当的选项？)

  ask by brasskazoo translate from so

Answer 1

You can use this function:

(您可以使用此功能：)

selectElement('leaveCode', '11')

function selectElement(id, valueToSelect) {    
    let element = document.getElementById(id);
    element.value = valueToSelect;
}