如何使用 JavaScript 以编程方式设置选择框元素的值?
javascriptfront end technologyobject oriented programming
我们可以使用以下 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 访问它。然后设置值。例如 −
示例
// 搜索选择框
const mySelectBox = document.querySelector('#my-select');
// 将值设置为 3 或 Strawberry
mySelectBox.value = 3;
