在 html `
当
✅ 正确做法：批量设置 option.selected = true
以下代码可安全、高效地选中值为 "0"、"2" 和 "4" 的选项：
const targetValues = ['0', '2', '4'];
targetValues.forEach(value => {
const option = document.querySelector(`#weekday option[value="${value}"]`);
if (option) option.selected = true;
});? 说明：使用 #weekday option[value="..."] 限定作用域（避免跨 select 冲突），并添加 if (option) 防御性检查，防止因值不存在导致报错。
⚠️ 注意事项
- ❌ 不要尝试 document.querySelector('#weekday').value = ['0','2','4'] —— 这会失败或仅生效于首个值；
- ✅ 若需清空所有选中项，可先调用 document.querySelectorAll('#weekday option').forEach(o => o.selected = false)；
- ✅ 若需获取当前所有选中值，推荐使用：
const selectedValues = Array.from( document.querySelectorAll('#weekday option:checked') ).map(opt => opt.value); // 或更兼容的写法： // const selectedValues = [...document.querySelectorAll('#weekday option')].filter(o => o.selected).map(o => o.value);
? 进阶技巧：封装为复用函数
function selectOptions(selectId, values) {
const select = document.getElementById(selectId);
if (!select) return;
Array.from(select.options).forEach(option => {
option.selected = values.includes(option.value);
});
}
// 使用示例：
selectOptions('weekday', ['0', '2', '4']);该函数支持精确匹配与批量控制，兼顾可读性与健壮性，适用于各类多选场景。
