多选下是添加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(","); }
相关推荐
在网页开发中,选择框(select)是一种常见的表单元素,用于让用户从预设的选项中选取一个或多个值。然而,原生HTML的多选框功能相对单一,无法满足现代网页交互的需求。此时,jQuery multiple-select-master插件就...
3. **初始化插件**:使用jQuery选择器找到`<select>`元素,并调用`.multiSelect()`方法进行初始化,可以传递配置对象以定制行为。 **四、实例应用** 以下是一个简单的使用示例: ```html <!DOCTYPE html> ...
在我们的示例中,它被用作一个复选框的替代品,这样用户就可以更方便地选取多个选项,同时保持界面整洁。 要使用Select2,首先需要在项目中引入jQuery库和Select2的CSS及JS文件。这些文件可能存在于压缩包的资源...
以Select2为例,首先需要引入jQuery和Select2的CSS和JS文件,然后通过jQuery选择器选取目标选择框并调用`.select2()`方法初始化。配置项可以设置在方法的参数中,例如设置多选、禁用状态、数据源等。 ```html ...
在这个插件中,下拉多选框(Multiple Select Dropdown)通常由一个普通的HTML `<select>`元素改造而成,通过`<option>`标签来定义可选项。Bootstrap风格意味着插件将遵循Bootstrap框架的样式规则,提供一致的用户...
Bootstrap Dual Listbox是一款基于jQuery和Bootstrap框架的双选列表控件,它为用户提供了便捷的方式来在两个选择框之间同步选项的选取。这个控件尤其适用于需要处理大量可选项目的场景,用户可以轻松地进行批量选择...
因此,开发者开始寻找方法来增强其功能,比如添加搜索框以及支持多个option项目的选取。 **1. 带搜索框的Select** 在大型数据集或选项过多的情况下,为`<select>`添加搜索框功能是非常实用的。这可以帮助用户快速...
1. **jQuery选择器**:jQuery选择器类似于CSS选择器,用于选取HTML元素。例如,`$("#id")` 选取ID为"id"的元素,`$(".class")` 选取所有class为"class"的元素。 2. **DOM操作**:jQuery提供了方便的DOM操作方法,如...
#### 表单基本、输入框、选择框等(Form Basics, Input Fields, Checkboxes etc.) - **表单基础插件**包括: - **jQuery Form Plugin**: 简化表单处理流程。 - **jQuery-Form**: 类似于Form Plugin但提供更多高级...
4. Select box manipulation:自定义选择框样式和行为。 5. Select Combo Plugin:增强的下拉框组件。 6. jQuery - LinkedSelect:链接的下拉框。 7. Auto-populate multiple select boxes:自动填充多选框。 8. ...
jQuery选择器类似于CSS选择器,可以方便地选取DOM元素。例如,`$("#id")`用于选取ID为"id"的元素,`$(".class")`用于选取所有class为"class"的元素。而`$("tag")`则是选取所有特定类型的标签,如`$("input")`选取...
在本示例中,我们探讨的是如何使用jQuery来实现一个功能,允许用户在两个多选框之间移动选项,即从左侧的多选框选择选项并将其添加到右侧,或者从右侧的多选框中移除选项并返回左侧。这个功能在需要用户分配或管理...
- **jQuery-Linked Select**: 链接多个选择框,实现联动。 - **Auto-populate multiple select boxes**: 自动填充多选框。 #### 4. 表单基本、输入框、选择框等 - **jQuery Form Plugin**: 完整的表单处理插件。 - ...
### 多选框的值操作 #### 获取选中项 要获取选中的选项,可以使用`.val()`方法。当`<select>`元素具有`multiple`属性时,`val()`返回的是一个包含所有选中值的数组: ```javascript var selectedValues = $select...
jQuery UI Multiselect 插件通过提供自定义的UI设计,改善了这一情况,使用户可以通过更直观的方式来选取多个选项,例如使用复选框或者通过拖放操作来管理选择。 ### 功能特性 1. **全选/反选**:用户可以一键选择...
标题和描述中提到的知识点主要涉及使用jQuery根据ID获取不同类型的HTML表单元素,包括input、checkbox、radio和select。...熟练掌握jQuery选择器和相关方法,可以大大简化DOM操作,并提高代码的可读性和可维护性。
- jQuery - LinkedSelect:联动两个或多个选择框。 - Choose Plugin (Select Replacement):美化和增强原生选择框。 4. **其他表单元素插件**: - jQuery Form Plugin:简化表单的AJAX提交。 - jLook Nice ...
- 多选功能:允许用户通过复选框选择多个选项,而不是仅能选择一个。 - 搜索过滤功能:通过在下拉列表框中添加搜索输入框,用户可以快速搜索并筛选出需要的选项。 - 图标支持:选项旁边可以显示图标,增加视觉效果。...
- **jQuery controlled dependent (or Cascading) Select List**:创建级联选择框,实现数据联动。 - **Multiple Selects**:支持多选功能的下拉列表。 - **Select box manipulation**:对选择框进行各种操作,如...