如何使用JavaScript以编程方式设置选择框元素的值?
我们可以使用Javascript通过以下方式设置选择框的值。假设我们有以下选择框-
<select id="my-select" value="1"> <option value="1">Select</option> <option value="2">Apple</option> <option value="3">Strawberry</option> <option value="4">Cherry</option> <option value="5">Guava</option> </select>
要设置此select元素的值,我们需要使用querySelector访问它。然后设置值。例如-
示例
// Search the select box const mySelectBox = document.querySelector('#my-select'); //将值设置为3或Strawberry- mySelectBox.value = 3;