select2 的应用

1.清空选项
①:$("#id1").val("").select2();
②:$("#id2").empty();
2.获取多选的值

		//获取text
		var CONTRACTER_arr=$("#add_Contracter").select2("data");
		var CONTRACTER="";
		if(CONTRACTER_arr!=null){
			for(var i=0;i<CONTRACTER_arr.length;i++){
				if(i==(CONTRACTER_arr.length-1)){
					CONTRACTER+=CONTRACTER_arr[i].text;
				}else{
					CONTRACTER+=CONTRACTER_arr[i].text+",";
				}
			}
		}
		//获取id
		var CONTRACTERCOD_arr = $("#add_Contracter").val();
		var CONTRACTERCOD="";
		if(CONTRACTERCOD_arr!=null){
			for(var i=0;i<CONTRACTERCOD_arr.length;i++){
				if(i==(CONTRACTERCOD_arr.length-1)){
					CONTRACTERCOD+=CONTRACTERCOD_arr[i];
				}else{
					CONTRACTERCOD+=CONTRACTERCOD_arr[i]+",";
				}
			}
		}

3.回显

//调用
var data=[{id:“111”, text:“哈哈哈”}];
echoSelect2("#add_Receiver",data);
			
//回显方法
	function echoSelect2(dom,value){
	    $.each(value,function(index,value){
	        $(dom).append(new Option(value.text, value.id, false, true));
	    });
	    $(dom).trigger("change");
	}
	
//select2
	$("#add_Receiver").select2({
		ajax : {
			type : 'POST',
			url : "getClienteleInfo",
			dataType : 'json',
			delay : 250,
			data : function(params) {
				return {
					q : params.term, // search term 请求参数 , 请求框中输入的参数
					page : params.page || 1, //分页参数
				//rows: params.pagesize || 5,   //每次查询10条记录
				};
			},
			processResults : function(data, params) {
				params.page = params.page || 1;
				return {
					results : data,//itemList
					pagination : {
						more : (params.page * 30) < data.total_count
					}
				};
			},
			cache : true
		},
		placeholder : text,//'请输入收货人',//默认文字提示
		language : "zh-CN",
		tags : true,//允许手动添加
		allowClear : true,//允许清空
		escapeMarkup : function(markup) {
			return markup;
		}, // 自定义格式化防止xss注入
		minimumInputLength : 0,//最少输入多少个字符后开始查询
		formatResult : function formatRepo(repo) {
			return repo.text;
		}, // 函数用来渲染结果
		formatSelection : function formatRepoSelection(repo) {
			return repo.text;
		} // 函数用于呈现当前的选择
	});

效果在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值