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

1509
2023/6/10 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元/月。点击查看>>

推荐阅读: select count(0)的用法是什么