[jQuery]选择框(select),多选取值(multiple)

最新推荐文章于 2025-09-24 16:14:47 发布

原创最新推荐文章于 2025-09-24 16:14:47 发布 · 2.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#multiple select

本文介绍了使用jQuery和原生JavaScript获取多选下拉菜单中所有已选项的值的方法，通过遍历selected属性并将其值收集到数组中，最后以逗号分隔的字符串形式返回。

多选下是添加multiple的option,按照一般做法只能取第一个,因此需要遍历一个selected.

jQuery下,返回一个字符串:

function getMsgDelStaValue() {
	var status=[];;
	$('#message_delivery_status option:selected').each(function(){
		status.push($(this).val())
	})
	
	return status.join(",");
}

js方式:

function getMsgDelStaValue() {
	var status=[];
	var obj = document.getElementById("xxxx");
	for(var i=0;i<obj.options.length;i++){
		if(obj.options[i].selected){
			status.push(obj.options[i].value);
		}
	}
	return status.join(",");
}