-
jqueyr multiselect怎么获取选中的多个值,以及怎么把后台传过来的值赋进去让它选中0
用 jquery multiselect 做一个下拉复选框,在添加信息时要求能选中多个option,但是我试过各种取值,例如$().val(); $().text();$(select option :checked).val()等等,要么只能获取选中的最后一个值,而不是全部选中的值,要么就是没获取到值
如图
//我试过官方的API 也不行,取不到值 $("#item").multiselect({ noneSelectedText: "==请选择==", checkAllText: "全选", uncheckAllText: '全不选', selectedList:100 }, function(){ //回调函数 }); var value = $("select").multiselect("getChecked").map(function(){ return this.value; }).get(); alert(value);
另外一个 就是在页面修改的时候,怎么让从后台获取到的值让它选中。
求帮忙,万分感谢
2014年8月14日 09:31
2个答案 按时间排序 按投票排序
-
采纳的答案
1、取值
var value = $("[color=red]#[/color]select").multiselect("getChecked").map(function(){ return this.value;
2、设置选中项,初始化multiselect之前。如下示例:var groupList = data.groupList; var groupNameList = data.groupNameList; // 设置用户名 $("#rtxName").val(rtxName); if (null != groupList && groupList.length > 0) { // 向权限组下拉框设置选项时,先清空select $("#editGroupNameSelect").empty(); var editGroupNameSelect = $("#editGroupNameSelect"); var groupLen = groupList.length; for (var i = 0; i < groupLen; i++) { // 添加选项 editGroupNameSelect.append("<option value='" + groupList[i].groupName + "'>" + groupList[i].groupName + "</option>"); } if (null != groupNameList && groupNameList.length > 0) { for (var j = 0; j < groupNameList.length; j++) { // 设置选中项 $("#editGroupNameSelect option[value='" + groupNameList[j].groupName + "'] ").attr("selected", true); } } } // 初始化multiselect插件 $("#editGroupNameSelect").multiselect({ checkAllText: '全选', uncheckAllText: '反选', noneSelectedText: '--请选择--' });
2014年8月14日 15:14
-
选多个:
$("input:text").each(function(index){
alert($(this).val());
});
让checkbox选中,某个版本jquery开始,一定摇用prop, attr已经不行了。
$(select option [value=yourValue]).prop("checked", true);
以上做法应该没错,但是代码细节是凭记忆的,你自己试一下,验证一下吧。2014年8月14日 11:10
相关推荐
同时,插件还提供了多种公共方法,如打开下拉框、关闭下拉框、获取选中值等,便于在代码中控制多选下拉框的状态。 4. **示例与应用场景** 除了基础的多选下拉框,`jquery_multiselect` 还可以与其他 jQuery 插件...
在本文中,我们将深入探讨jQuery UI Multiselect插件的使用,以及如何从这个插件中获取选中的值。jQuery UI Multiselect是一个强大的扩展,它增强了HTML的原生多选下拉框,提供了丰富的用户界面和交互功能。这个插件...
在Windows编程领域,MFC(Microsoft Foundation Classes)是一个强大的C++类库,它为开发者提供了构建Windows应用程序的便利。CTreeCtrl是MFC中的一个控件,用于创建类似Windows资源管理器的树形视图,通常用于显示...
1. 表单提交:在表单中使用multiSelect,可以方便地收集用户的多选数据,通过`serializeArray()`方法获取选择值。 2. 数据过滤:在后台管理系统中,multiSelect可以作为筛选条件,用户选择后根据所选值动态加载数据...
树型权限管理插件jQuery Tree Multiselect的使用方法,具体内容如下 1、认识jQuery Tree Multiselect 这个插件允许用户以树型的形式来呈现列表复选框的选择。多用于权限管理中用于分配不同的权限。使用文档,请参考...
例如,在JavaScript或Vue中,我们可以监听`change`或`input`事件,获取选中的日期,然后使用`push`方法将日期对象添加到Multiselect的选项数组中。 同时,为了显示已选择的日期,我们需要在页面上创建一个区域来...
插件提供了一些有用的方法,如`multiselect('select', value)`用于选择特定值,`multiselect('deselect', value)`用于取消选择,以及`multiselect('refresh')`用于更新界面。同时,还有一系列事件可供监听,例如: ...
3. **获取选择值**:要获取用户选择的所有值,可以使用`getChecked`方法。这将返回一个包含所有选中选项值的数组。例如:`var selectedValues = $('select').multiselect('getChecked').map(function() { return $...
在网页开发中,多选下拉框是一个常见的交互元素,用于提供多个选项供用户选择。然而,当选项数量庞大时,用户查找所需选项可能会变得困难。为了解决这一问题,jQuery社区推出了一款名为"jQuery Multiselect Filter...
1. 多选支持:Bootstrap Multiselect允许用户在一个下拉菜单中选择多个选项,通过简单的鼠标点击或键盘操作实现。 2. 可配置性:该插件提供了多种配置选项,如分组、搜索功能、显示选中项等,可以定制符合项目需求...
可以是一个简单的ArrayList,每个元素包含数据对象和一个布尔值表示选中状态,或者使用一个Map,键为数据对象,值为选中状态。 8. **优化性能**:由于ListView的复用机制,必须确保在getView()方法中正确设置每个...
它不仅提供了基本的多选功能,还支持全选、取消全选以及单独选项的添加和删除,极大地提高了交互性和可操作性。 ### 1. 功能特性 - **全选/取消全选**:jQuery UI Multiselect 提供了一个便捷的全选按钮,允许用户...
3.被选中的value值,如图第1部分显示的内容 $("select").find("option:selected").text(); 4.被选中的项对应的key值,返回数据格式如下: 1,2,3,6,7 var keys = $("#depart").val(); 二、基本事件 ...
总的来说,Bootstrap Multiselect 是一个强大的下拉选择插件,它极大地提升了用户体验,同时提供了丰富的定制选项和功能,广泛应用于各种Web应用程序中。通过深入理解和使用,你可以轻松地在项目中实现高效的多选和...
在网页开发中,多选下拉框(Multiselect)是一种常见的用户界面元素,它允许用户在下拉菜单中选择一个或多个选项。jQuery Multiselect插件是实现这一功能的流行工具,它为传统的HTML `<select>` 元素提供了美观且...
**Ajax Multiselect** 是一个基于JavaScript技术,特别是Ajax(异步JavaScript和XML)的多项选择组件,用于在网页上创建可交互的多选下拉列表。这个组件的主要优点是能够通过异步方式从服务器获取数据,提高用户体验...
例如,你可以定义一个包含多个值的规则,如下所示: ```php $rules = [ 'tags' => 'required|array', 'tags.*' => 'exists:tags,id', ]; ``` 这个规则确保了`tags`字段必须是一个非空数组,且每个数组元素都必须...
此外,为了实现全选和全取消功能,我们可以添加两个额外的按钮或者在ListView头部添加一个CheckBox,它的状态改变会影响到所有列表项的选中状态。 在处理全选/全取消逻辑时,我们需要遍历Adapter中的数据,根据全选...
以上代码会在选项发生变化时,获取所有被选中的值并打印出来。 六、方法调用 除了初始化配置,multiSelect还提供了一些有用的方法,如打开/关闭下拉列表、全选/全不选、清空选择等: ```javascript // 打开下拉...
此外,jQuery.multiSelect还支持各种选项和方法,如设置多选模式、禁用选项、获取已选值等,提供了一套完整的API供开发者调用。通过阅读官方文档或参考提供的博客内容,我们可以更深入地了解和利用这个插件。 总结...