Html 是否有其他方法选择下拉菜单中的哪个元素？

给定表单的下拉菜单

<select>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>

选择1
选择2
选择3

默认情况下选择哪个选项的正常方法是将

selected

属性添加到选项标记中。i、 e.

但是，出于我的目的，如果我可以使用

标记中的属性来选择默认选择的选项，那就容易多了

有办法做到这一点吗？

选项1（纯JS）： 使用类名

sel

获取所有选择，使用forEach通过默认属性的值设置所选值

var sel=document.getElementsByClassName（'sel'）；
Array.prototype.forEach.call（sel，function（ele）{
ele.value=ele.getAttribute（'default'）；
});

选择1
选择2
选择3


选择1
选择2
选择3
选项1（纯JS）：
使用类名
sel
获取所有选择，使用forEach通过默认属性的值设置所选值


var sel=document.getElementsByClassName（'sel'）；
Array.prototype.forEach.call（sel，function（ele）{
ele.value=ele.getAttribute（'default'）；
});

选择1
选择2
选择3


选择1
选择2
选择3
您可以制作一些JavaScript来添加一个变量。但是我很确定标准的HTML方式更容易做到这一点。你可以制作一些JavaScript在那里添加一个变量。但我很确定标准的HTML方式更容易做到这一点。