<select id='selShuJuType' onchange='selShuJuTypeChange()'> <option value = '0' selected='selected'> </option> <option value = '12'> 创文工作专项检查 </option> <option value = '8'> 苗木中转基地巡查 </option> <option value = '9'> 新种树木专项巡查 </option> <option value = '10'> 回迁再利用苗木专项巡查 </option> <option value = '6'> 安全生产检查 </option> <option value = '5'> 占绿、毁绿专项巡查 </option> <option value = '7'> 行道树专项巡查 </option> <option value = '13'> 芒果控花控果专项 </option> <option value = '11'> 宝业路专项巡查 </option> </select>前端动态控制默认选中
时间: 2024-02-10 17:05:56 浏览: 150
Vue.js获取被选择的option的value和text值方法
如果要在前端动态控制默认选中项,可以通过 JavaScript 来实现。例如,如果要将新种树木专项巡查设置为默认选中项,可以在页面加载时将其选中状态设置为 true,代码示例如下:
```javascript
// 获取 select 元素
var select = document.getElementById("selShuJuType");
// 循环 option 元素,查找要设置为默认选中项的选项
for (var i = 0; i < select.options.length; i++) {
if (select.options[i].value == "9") {
// 将新种树木专项巡查设置为默认选中项
select.options[i].selected = true;
break;
}
}
```
这样,在页面加载时,新种树木专项巡查就会被默认选中。如果要动态改变默认选中项,只需要修改上述代码中的选项值即可。
阅读全文