0 0

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
  • 大小: 11.3 KB

2个答案 按时间排序 按投票排序

0 0

采纳的答案

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
0 0

选多个:
$("input:text").each(function(index){
alert($(this).val());
});


让checkbox选中,某个版本jquery开始,一定摇用prop, attr已经不行了。

$(select option [value=yourValue]).prop("checked", true);

以上做法应该没错,但是代码细节是凭记忆的,你自己试一下,验证一下吧。

2014年8月14日 11:10

相关推荐

    多选下拉框(jquery_multiselect)

    同时,插件还提供了多种公共方法,如打开下拉框、关闭下拉框、获取选中值等,便于在代码中控制多选下拉框的状态。 4. **示例与应用场景** 除了基础的多选下拉框,`jquery_multiselect` 还可以与其他 jQuery 插件...

    jquery ui multiselect demo

    在本文中,我们将深入探讨jQuery UI Multiselect插件的使用,以及如何从这个插件中获取选中的值。jQuery UI Multiselect是一个强大的扩展,它增强了HTML的原生多选下拉框,提供了丰富的用户界面和交互功能。这个插件...

    CTreectrl控件选择性选中节点

    在Windows编程领域,MFC(Microsoft Foundation Classes)是一个强大的C++类库,它为开发者提供了构建Windows应用程序的便利。CTreeCtrl是MFC中的一个控件,用于创建类似Windows资源管理器的树形视图,通常用于显示...

    jquery下拉多选框multiSelect

    1. 表单提交:在表单中使用multiSelect,可以方便地收集用户的多选数据,通过`serializeArray()`方法获取选择值。 2. 数据过滤:在后台管理系统中,multiSelect可以作为筛选条件,用户选择后根据所选值动态加载数据...

    jQuery Tree Multiselect使用详解

    树型权限管理插件jQuery Tree Multiselect的使用方法,具体内容如下 1、认识jQuery Tree Multiselect 这个插件允许用户以树型的形式来呈现列表复选框的选择。多用于权限管理中用于分配不同的权限。使用文档,请参考...

    multiselect动态添加DatePicker选中的日期并显示

    例如,在JavaScript或Vue中,我们可以监听`change`或`input`事件,获取选中的日期,然后使用`push`方法将日期对象添加到Multiselect的选项数组中。 同时,为了显示已选择的日期,我们需要在页面上创建一个区域来...

    bootstrap-multiselect-demo.zip

    插件提供了一些有用的方法,如`multiselect('select', value)`用于选择特定值,`multiselect('deselect', value)`用于取消选择,以及`multiselect('refresh')`用于更新界面。同时,还有一系列事件可供监听,例如: ...

    Jquery multiselect

    3. **获取选择值**:要获取用户选择的所有值,可以使用`getChecked`方法。这将返回一个包含所有选中选项值的数组。例如:`var selectedValues = $('select').multiselect('getChecked').map(function() { return $...

    jquery.multiselect.filter

    在网页开发中,多选下拉框是一个常见的交互元素,用于提供多个选项供用户选择。然而,当选项数量庞大时,用户查找所需选项可能会变得困难。为了解决这一问题,jQuery社区推出了一款名为"jQuery Multiselect Filter...

    bootstrap-multiselect下拉多选框

    1. 多选支持:Bootstrap Multiselect允许用户在一个下拉菜单中选择多个选项,通过简单的鼠标点击或键盘操作实现。 2. 可配置性:该插件提供了多种配置选项,如分组、搜索功能、显示选中项等,可以定制符合项目需求...

    android_MultiSelect.rar

    可以是一个简单的ArrayList,每个元素包含数据对象和一个布尔值表示选中状态,或者使用一个Map,键为数据对象,值为选中状态。 8. **优化性能**:由于ListView的复用机制,必须确保在getView()方法中正确设置每个...

    jQuery UI Multiselect (jQuery UI 多选框)

    它不仅提供了基本的多选功能,还支持全选、取消全选以及单独选项的添加和删除,极大地提高了交互性和可操作性。 ### 1. 功能特性 - **全选/取消全选**:jQuery UI Multiselect 提供了一个便捷的全选按钮,允许用户...

    jQuery UI MultiSelect 多选下拉框

    3.被选中的value值,如图第1部分显示的内容 $("select").find("option:selected").text(); 4.被选中的项对应的key值,返回数据格式如下: 1,2,3,6,7 var keys = $("#depart").val(); 二、基本事件 ...

    bootstrap multiselect单选多选

    总的来说,Bootstrap Multiselect 是一个强大的下拉选择插件,它极大地提升了用户体验,同时提供了丰富的定制选项和功能,广泛应用于各种Web应用程序中。通过深入理解和使用,你可以轻松地在项目中实现高效的多选和...

    绝对可用的multiselect demo

    在网页开发中,多选下拉框(Multiselect)是一种常见的用户界面元素,它允许用户在下拉菜单中选择一个或多个选项。jQuery Multiselect插件是实现这一功能的流行工具,它为传统的HTML `&lt;select&gt;` 元素提供了美观且...

    ajax multiselect

    **Ajax Multiselect** 是一个基于JavaScript技术,特别是Ajax(异步JavaScript和XML)的多项选择组件,用于在网页上创建可交互的多选下拉列表。这个组件的主要优点是能够通过异步方式从服务器获取数据,提高用户体验...

    Laravel开发-laravel-multiselect

    例如,你可以定义一个包含多个值的规则,如下所示: ```php $rules = [ 'tags' =&gt; 'required|array', 'tags.*' =&gt; 'exists:tags,id', ]; ``` 这个规则确保了`tags`字段必须是一个非空数组,且每个数组元素都必须...

    MultiSelect.rar

    此外,为了实现全选和全取消功能,我们可以添加两个额外的按钮或者在ListView头部添加一个CheckBox,它的状态改变会影响到所有列表项的选中状态。 在处理全选/全取消逻辑时,我们需要遍历Adapter中的数据,根据全选...

    Jquery插件下拉复选multiSelect使用

    以上代码会在选项发生变化时,获取所有被选中的值并打印出来。 六、方法调用 除了初始化配置,multiSelect还提供了一些有用的方法,如打开/关闭下拉列表、全选/全不选、清空选择等: ```javascript // 打开下拉...

    jquery.multiSelect下拉多选

    此外,jQuery.multiSelect还支持各种选项和方法,如设置多选模式、禁用选项、获取已选值等,提供了一套完整的API供开发者调用。通过阅读官方文档或参考提供的博客内容,我们可以更深入地了解和利用这个插件。 总结...

Global site tag (gtag.js) - Google Analytics