CSS下拉框是网页开发中常用的元素之一,它可以让用户从预定义的选项中选择一个。在某些情况下,我们需要在下拉框中预先选中一个默认选项,本文将介绍如何在CSS下拉框中设置默认选中。 <sel
CSS下拉框是网页开发中常用的元素之一,它可以让用户从预定义的选项中选择一个。在某些情况下,我们需要在下拉框中预先选中一个默认选项,本文将介绍如何在CSS下拉框中设置默认选中。
<select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes" selected>Mercedes</option> <option value="audi">Audi</option> </select>
代码中,我们使用了selected属性来指定一个选项为默认选中。在本例中,我们默认将“Mercedes”选项设置为默认选中。
如果您需要通过JavaScript来动态设置下拉框的默认选项,则可以使用以下代码:
document.getElementById("cars").value = "volvo";
上述代码将“Volvo”选项设置为默认选中。请确保将代码放置在文档加载过程中。
在下拉框中设置默认选中是很简单的。只需在选项中添加selected属性即可。
粉丝
0
关注
0
收藏
0