<!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" onclick="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;
}
return arr;
}通过对选中项逐一取消选择，得到选中项的值的数组。这个方法的妙处就在避免了在选项非常多时遍历所有选项（这个遍历对旧版本的浏览器来说会很慢)
用法很简单：
var arr = getMultiple(document.getElementById('select_m'));
\\ do something with arr ...
相关推荐
2. **获取选中索引**：`<select>`元素有一个`selectedIndex`属性，它表示当前选中的选项的索引，从0开始计数。 ```javascript var index = obj.selectedIndex; ``` 3. **获取选中文本**：`options`属性返回一个`...
当 `select` 元素在表单中时，如果启用了 `multiple`，在表单提交时，所有选中的值将以逗号分隔的字符串形式发送到服务器。如果需要以数组形式发送数据，可以使用 `FormData` API。 5. **第三方库与插件** 在实际...
当用户完成选择后，可以监听“change”事件，然后通过`.val()`方法获取选中项的值，这些值通常是以逗号分隔的字符串形式返回。 最后，根据压缩包子文件的文件名称“layui-select”，我们可以推测这是Layui下拉框...
本项目“zhuyongzhengs-layui-select-multiple-master.zip”专注于layui框架下实现下拉框select组件的多选功能，并能获取选定值，这对于构建具有交互性用户界面的应用程序非常有用。 layui的select组件是其表单元素...
56. selectedIndex：设置或获取选中选项位于 select 对象中的位置。该属性控制 Select 元素的选中状态。 57. SIZE：size 设定或获取 Select 元素的大小。该属性控制 Select 元素的大小。 Select 元素的属性非常...
**场景**: 假设有一个需求，需要从一个下拉框中选取值后添加到另一个下拉框中，可以通过以下方式实现： **HTML代码**: ```html <select multiple="multiple" id="select1" name="dd" style="width:100px;height:...
这里的`pxx`是要选中的`option`的`value`属性值。 ##### 2. 设置特定`text`的项为选中状态 如果需要根据文本内容设置选中状态，则可以使用`find`结合`attr`方法： ```javascript $(".selector").find("option[text=...
33. `selectedIndex`: 设置或获取选中的`<option>`元素在列表中的索引位置。 34. `size`: 设置下拉列表在页面上显示的选项数量，如果大于1，会呈现一个多选列表的样式。 以上就是`<select>`元素的一些关键属性，...
然后，通过`selectedIndex`属性获取到当前选中选项的索引值。最后，通过`options[index].text`获得了用户选中的选项文本内容。 需要注意的是，在实际应用中，有时用户可能没有从下拉列表中选择任何选项，或者用户...
在非IE8浏览器中，比如Firefox、Chrome等，使用jquery获取select元素的选中值时，获取到的是字符串类型。但在IE8浏览器中，获取到的是一个数组类型，数组的第一个元素是字符串值。如果直接将这个数组POST发送到后台...
首先，要实现`select`下拉框的多选功能，我们需要在`<select>`标签中添加一个`multiple`属性。这个属性告诉浏览器用户可以选取多个值。下面是一个基本的多选`select`下拉框的HTML结构示例： ```html <select ...
在多选下拉框（multiple select）中设置选中值，需要将值放入数组中传递给.val()方法，或者多次使用.prop()方法来分别设置每个选项的选中状态。例如： ```javascript $("#btn2").click(function(){ // 方法1 $("#...
这里的`get(0)`是为了将jQuery对象转换为DOM元素，然后通过`selectedIndex`属性获取选中项的索引。注意，索引是从0开始的，所以第一个选项的索引是0。 以上是基本的jQuery操作，但实际应用中可能需要处理更复杂的...
`value`属性可以用来获取或设置当前选中的值。对于多选的`<select>`，可能需要遍历所有选项来获取所有选中值。 ```javascript var selectedValues = []; for (var i = 0; i < selectBox.options.length; i++) {...
标题中提到的“JS 获取select(多选下拉)中所选值的示例代码”，涉及到的知识点主要集中在JavaScript语言在Web前端开发中如何操作DOM元素，获取和处理用户通过多选下拉框（multiple select element）所选中的值。...
为了展示用户的选择，我们在页面上添加了一个文本输入框（`<input type="text" name="output">`），并编写了JavaScript函数`checkselect()`来获取用户选定的选项值，并将其显示在文本输入框中： ```javascript ...
在IT领域，尤其是在软件开发中，处理用户界面（UI）时，多选列表框（Multiple Select Boxes）是一种常见的组件，允许用户从多个选项中选择一个或多个值。本篇文章将深入探讨多选列表值的移动和获取，以及相关源码和...
在组件中，你可以通过监听`@change`事件来处理选中状态的更新，同时利用`ref`属性获取组件实例，以便在父组件中调用方法。 4. **配置选择模式**：通过设置`props`来定义选择行为，如`multiple`用于开启多选，`...