`

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

阅读更多

多选下是添加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(",");
}

 

分享到:
评论

相关推荐

    jQuery multiple-select-master 插件

    在网页开发中,选择框(select)是一种常见的表单元素,用于让用户从预设的选项中选取一个或多个值。然而,原生HTML的多选框功能相对单一,无法满足现代网页交互的需求。此时,jQuery multiple-select-master插件就...

    jquery下拉多选select插件.rar

    在这个插件中,下拉多选框(Multiple Select Dropdown)通常由一个普通的HTML `&lt;select&gt;`元素改造而成,通过`&lt;option&gt;`标签来定义可选项。Bootstrap风格意味着插件将遵循Bootstrap框架的样式规则,提供一致的用户...

    jQuery多选下拉框插件

    3. **初始化插件**:使用jQuery选择器找到`&lt;select&gt;`元素,并调用`.multiSelect()`方法进行初始化,可以传递配置对象以定制行为。 **四、实例应用** 以下是一个简单的使用示例: ```html &lt;!DOCTYPE html&gt; ...

    jQuery And Select2 Demo.zip

    在我们的示例中,它被用作一个复选框的替代品,这样用户就可以更方便地选取多个选项,同时保持界面整洁。 要使用Select2,首先需要在项目中引入jQuery库和Select2的CSS及JS文件。这些文件可能存在于压缩包的资源...

    jquery选择组合框复杂库.zip

    以Select2为例,首先需要引入jQuery和Select2的CSS和JS文件,然后通过jQuery选择器选取目标选择框并调用`.select2()`方法初始化。配置项可以设置在方法的参数中,例如设置多选、禁用状态、数据源等。 ```html ...

    Jquery双向select控件Bootstrap Dual Listbox

    Bootstrap Dual Listbox是一款基于jQuery和Bootstrap框架的双选列表控件,它为用户提供了便捷的方式来在两个选择框之间同步选项的选取。这个控件尤其适用于需要处理大量可选项目的场景,用户可以轻松地进行批量选择...

    select各种效果:select带搜索框 多个option项目选择

    因此,开发者开始寻找方法来增强其功能,比如添加搜索框以及支持多个option项目的选取。 **1. 带搜索框的Select** 在大型数据集或选项过多的情况下,为`&lt;select&gt;`添加搜索框功能是非常实用的。这可以帮助用户快速...

    select 下拉框可以多选

    这个属性告诉浏览器用户可以选取多个值。下面是一个基本的多选`select`下拉框的HTML结构示例: ```html &lt;select multiple&gt; 选项1 选项2 选项3 ... &lt;/select&gt; ``` 在这个例子中,用户可以选择任意数量的选项,...

    jQuery Select下拉框分类菜单多选插件.zip

    1. **jQuery选择器**:jQuery选择器类似于CSS选择器,用于选取HTML元素。例如,`$("#id")` 选取ID为"id"的元素,`$(".class")` 选取所有class为"class"的元素。 2. **DOM操作**:jQuery提供了方便的DOM操作方法,如...

    240多个jQuery UI插件

    #### 表单基本、输入框、选择框等(Form Basics, Input Fields, Checkboxes etc.) - **表单基础插件**包括: - **jQuery Form Plugin**: 简化表单处理流程。 - **jQuery-Form**: 类似于Form Plugin但提供更多高级...

    240多个jQuery插件

    4. Select box manipulation:自定义选择框样式和行为。 5. Select Combo Plugin:增强的下拉框组件。 6. jQuery - LinkedSelect:链接的下拉框。 7. Auto-populate multiple select boxes:自动填充多选框。 8. ...

    利用jQuery实现多选,分栏比较

    jQuery选择器类似于CSS选择器,可以方便地选取DOM元素。例如,`$("#id")`用于选取ID为"id"的元素,`$(".class")`用于选取所有class为"class"的元素。而`$("tag")`则是选取所有特定类型的标签,如`$("input")`选取...

    jquery select多选框的左右移动 具体实现代码

    在本示例中,我们探讨的是如何使用jQuery来实现一个功能,允许用户在两个多选框之间移动选项,即从左侧的多选框选择选项并将其添加到右侧,或者从右侧的多选框中移除选项并返回左侧。这个功能在需要用户分配或管理...

    240多个jQuery插件.doc

    - **jQuery-Linked Select**: 链接多个选择框,实现联动。 - **Auto-populate multiple select boxes**: 自动填充多选框。 #### 4. 表单基本、输入框、选择框等 - **jQuery Form Plugin**: 完整的表单处理插件。 - ...

    select:使用jQuery的多选选择

    ### 多选框的值操作 #### 获取选中项 要获取选中的选项,可以使用`.val()`方法。当`&lt;select&gt;`元素具有`multiple`属性时,`val()`返回的是一个包含所有选中值的数组: ```javascript var selectedValues = $select...

    jQuery UI Multiselect (jQuery UI 多选框)

    jQuery UI Multiselect 插件通过提供自定义的UI设计,改善了这一情况,使用户可以通过更直观的方式来选取多个选项,例如使用复选框或者通过拖放操作来管理选择。 ### 功能特性 1. **全选/反选**:用户可以一键选择...

    jQuery根据ID获取input、checkbox、radio、select的示例

    标题和描述中提到的知识点主要涉及使用jQuery根据ID获取不同类型的HTML表单元素,包括input、checkbox、radio和select。...熟练掌握jQuery选择器和相关方法,可以大大简化DOM操作,并提高代码的可读性和可维护性。

    jQuery插件教程(搜罗了全部插件).docx

    - jQuery - LinkedSelect:联动两个或多个选择框。 - Choose Plugin (Select Replacement):美化和增强原生选择框。 4. **其他表单元素插件**: - jQuery Form Plugin:简化表单的AJAX提交。 - jLook Nice ...

    jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)

    - 多选功能:允许用户通过复选框选择多个选项,而不是仅能选择一个。 - 搜索过滤功能:通过在下拉列表框中添加搜索输入框,用户可以快速搜索并筛选出需要的选项。 - 图标支持:选项旁边可以显示图标,增加视觉效果。...

Global site tag (gtag.js) - Google Analytics