获取select 中有multiple属性，获取选中的值

最新推荐文章于 2025-09-17 09:54:52 发布

原创最新推荐文章于 2025-09-17 09:54:52 发布 · 3.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #c# #python #ViewUI

WEB前端专栏收录该内容

64 篇文章

订阅专栏

本文介绍了一个简单的JavaScript方法，用于从<select>元素中获取多个已选中的选项值，并通过避免遍历所有选项来提高效率。适用于前端开发中的表单处理。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> New Document </title>
 </head>

 <body>

<script language="JavaScript">
  <!--
function checkselect(objname){
	o = document.getElementById(objname);
	t = document.getElementById("output");
	var intvalue="";
	for(i=0;i<o.length;i++){   
		if(o.options[i].selected){
			intvalue+=o.options[i].value+",";
		}
	}
	t.value=intvalue.substr(0,intvalue.length-1);
}
  //-->
  </script>
  <select name="objsel" size=8 multiple>
	<option value="0" selected>请选择...
	<option value="1">测试一
	<option value="2">测试二
	<option value="3">测试三
	<option value="4">测试四
	<option value="5">测试五
  </select>
<input type="button" οnclick="checkselect('objsel');" value="输出">
选中的项目：<input type="text" name="output">
 </body>
</html>

转：http://zhoujingxian.iteye.com/blog/559804

/**

* 获取multiple Select的值

* @param obj multiple select元素

* @returns {Array}

*/

functiongetMultiple(obj){

var arr = [];

var options = obj.options;

while (obj.selectedIndex != - 1 ){

arr.push(options[obj.selectedIndex].value);

options[obj.selectedIndex].selected = false ;