HTML中设置select上次选项

在HTML中，通过设置select的selected属性可以让下拉菜单默认选中某一项。

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

上述代码中，通过设置"selected"属性，让选项2成为默认选中的选项。同时注意要在option标签中指定value值，以便后续处理。

如果想动态设置默认选项，可以使用JavaScript，通过操作select的selectedIndex属性实现。

select id="mySelect">
      option value="1">
    选项1/option>
      option value="2">
    选项2/option>
      option value="3">
    选项3/option>
    /select>
    script>
      document.getElementById("mySelect").selectedIndex = 1;
    /script>
    

上述代码中，通过document.getElementById获取select元素，然后设置selectedIndex属性为1，即选项2成为默认选中的选项。

除了通过selectedIndex属性设置默认选项外，还可以通过value属性直接设置默认值。

select id="mySelect">
      option value="1">
    选项1/option>
      option value="2">
    选项2/option>
      option value="3">
    选项3/option>
    /select>
    script>
      document.getElementById("mySelect").value = "2";
    /script>
    

上述代码中，通过document.getElementById获取select元素，然后设置value属性为"2"，即选项2成为默认选中的选项。注意value属性值必须与option标签中设置的value值一致。

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