温馨提示×

js动态select下拉框怎么设置默认值

小亿
551
2023-05-25 11:02:04
栏目: 编程语言
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

可以在HTML中设置select标签的selected属性为true,或者在JavaScript中设置select对象的selectedIndex属性为默认选项的索引值。例如:

HTML:

<select name="fruit">
<option value="apple">苹果</option>
<option value="banana" selected>香蕉</option> <!-- 设置默认选项为香蕉 -->
<option value="orange">橙子</option>
</select>

JavaScript:

var select = document.getElementsByName('fruit')[0];
select.selectedIndex = 1; // 设置默认选项为香蕉

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:Java下拉框如何设置默认值

0