select2 插件编辑时设置默认值
2018-06-24 01:34:26来源:未知 阅读 ()
function htDate(selectCustomerId, val) { var customerId = selectCustomerId; var values = val; ajaxJson('GET', webroot + "/customer/getOptionList", '', function(err, rsp) { if (rsp.code == 200) { var text = rsp.result; customerId.select2({ placeholder: "请选择客户", allowClear: true, language: "zh-CN", width: '410px' // data:text, }); //绑定Ajax的内容 customerId.empty(); //清空下拉框 $.each(text, function(i, item) { customerId.append("<option value='" + item.id + "'> " + item.name + "</option>"); }); /*设置默认值*/ $(customerId).val(values); } else { // hint(rsp.message); console.log(rsp); } }) } //使用 var customer = $("#customerId"); var val = data.customerId; htDate(customer, val);
ajax 请求数据的时候
var jz_roomId = $('#jz_roomId');
$(jz_roomId).select2({
dropdownParent: $(".customerRoomIdModal"),
ajax: {
url: webroot + '/spaceRoom/listRoom',
dataType: 'json',
delay: 250,
type: 'POST',
contentType: "application/json",
data: function(params) {
var paramss = {
code: params.term
};
return JSON.stringify(paramss);
},
processResults: function(data, params) {
//请求接口返回数据
params.page = params.page || 1;
return {
results: data.result
};
},
cache: true
},
//options
language: "zh-CN",
placeholder: '请输入房间号',
allowClear: true,
width: '300px',
//键盘选择事件
escapeMarkup: function(markup) {
return markup;
},
minimumInputLength: 1,
templateResult: formatRepo,
templateSelection: formatRepoSelection
});
//再次加载默认值. 赋值.
var roomName = $(e).parent().parent().parent().find('td').eq(1).text();
var option = new Option(roomName, editResult.roomId, true, true);
$('#jz_roomId').append(option);
$('#jz_roomId').trigger('change');//使用这个方法显示到select2上.
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- Jquery插件写法笔记整理 2020-03-29
- Jquery图形报表插件 jqplot简介及参数详解 2020-03-25
- jQuery插件开发全解析 2020-03-25
- JS判断浏览器是否安装flash插件的简单方法 2020-03-12
- js插件实现图片滑动验证码 2020-01-17
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash