js select 赋值

作者：古枕清风发布日期:2026-05-27 浏览:45

// 获取 select 元素
let selectElement = document.querySelector('select');

// 要设置的值
let valueToSet = 'option2';

// 遍历所有 option 元素，找到匹配的值并设置为 selected
for (let option of selectElement.options) {
    if (option.value === valueToSet) {
        option.selected = true;
        break;
    }
}

// 解释说明：
// 1. 使用 `document.querySelector('select')` 获取页面中的第一个 <select> 元素。
// 2. 定义要设置的值 `valueToSet`。
// 3. 遍历 <select> 元素中的所有 <option> 子元素，找到与 `valueToSet` 匹配的选项，并将其 `selected` 属性设置为 `true`。
// 4. 使用 `break` 语句在找到匹配项后退出循环，避免不必要的遍历。

上一篇：js 给input赋值

下一篇：js table