select实现单选和多选

最新推荐文章于 2025-07-01 07:41:48 发布

阳光明媚梓

最新推荐文章于 2025-07-01 07:41:48 发布

阅读量4.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： js web前端开发 html

本文链接：https://blog.youkuaiyun.com/lwj734114646/article/details/52911470

web前端开发同时被 3 个专栏收录

17 篇文章

订阅专栏

10 篇文章

订阅专栏

html

3 篇文章

订阅专栏

本文介绍了HTML中Select元素的基本用法，包括如何设置默认选中项、实现多选功能及通过JavaScript进行操作。此外还提供了设置特定选项为选中状态及获取多选Select元素值的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!-- select 设置默认选中 -->
<select>
	<option value="0"></option>
	<option value="1" selected></option>
	<option value="2"></option>
</select>

<!-- select 实现多选 -->
<select multiple>
	<option value="0"></option>
	<option value="1"></option>
	<option value="2"></option>
</select>

//设置值为0的option为选中
$("#id option[value="0"]").attr("selected",true);

//获取多选select的值
var selectVal = $("#id").val();//值得格式为数组，如:["数据1"，"数据2","数据3"]

//可以通过下标逐一获取
for(var i=0; i<selectVal.length; i++){
	selectVal[i];
}