html option设置选中

在HTML中，option标签是用于创建下拉框（select）的选项的。有时候我们需要通过代码方式将某一个选项预选中，在Option标签中指定selected属性即可：

select>
    option value="option1">
    选项1/option>
    option value="option2" selected>
    选项2/option>
    option value="option3">
    选项3/option>
    /select>
    

在上面的代码中，第二个option标签中加入了selected属性，这样在打开下拉框的时候，选项2将会被预选中。

除了通过设置selected属性外，我们还可以通过JavaScript来动态修改选项的预选状态。可以通过下面的代码来实现：

select id="selectBox">
    option value="option1">
    选项1/option>
    option value="option2">
    选项2/option>
    option value="option3">
    选项3/option>
    /select>
    script>
    var selectBox = document.getElementById("selectBox");
    selectBox.value = "option2";
     // 将选项2预选中/script>
    

在上面的代码中，我们使用了JavaScript来获取到id为selectBox的下拉框元素，然后修改了其value属性。这样，在打开下拉框时，选项2就会被预选中。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！