jquery select2设置选择的值
2015-10-06 19:44
701 查看
(function($){ selections = [ {id:1,text:'Enhancement'}, {id:2,text:'Bug'}, {id:3,text:'Duplicate'}, {id:4,text:'Invalid'}, {id:5,text:'Won\'t Fix'} ]; var extract_preselected_ids = function(element){ var preselected_ids = []; if(element.val()) $(element.val().split(",")).each(function () { preselected_ids.push({id: this}); }); console.log(preselected_ids); return preselected_ids; }; var preselect = function(preselected_ids){ var pre_selections = []; for(index in selections) for(id_index in preselected_ids) if (selections[index].id == preselected_ids[id_index].id) pre_selections.push(selections[index]); return pre_selections; }; $('#myselect-1').select2({ placeholder: 'Select Resources', minimumInputLength: 0, multiple: true, allowClear: true, data: function(){ return {results: selections} }, initSelection: function(element, callback){ var preselected_ids = extract_preselected_ids(element); var preselections = preselect(preselected_ids); callback(preselections); } }).select2('val', [2,4,5]); // 2,4,5 are the pre-selected IDs $('#myselect-2').select2({ placeholder: 'Select Resources', minimumInputLength: 0, multiple: true, allowClear: true, data: function(){ return {results: selections} }, initSelection: function(element, callback){ var preselected_ids = extract_preselected_ids(element); //1,3,4 are the pre-selected IDs as per HTML attributes var preselections = preselect(preselected_ids); callback(preselections); } }); })(jQuery);
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码
- 使用Browserify配合jQuery进行编程的超级指南
- jquery如何实现在加载完iframe的内容后再进行操作
- jquery $.ajax()取xml数据的小问题解决方法
- jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法
- Jquery 表单取值赋值的一些基本操作
- jQuery实现复选框批量选择与反选的方法
- jQuery中的常用事件总结