首页 > 代码库 > select2简单例子
select2简单例子
1.html中静态值
html
<%--multiple 为多选--%><select multiple id="e1"> <option></option> <option value="AL">Alabama</option> <option value="WY">Wyoming</option></select>
js
$(document).ready(function() { $("#e1").select2({ placeholder: "Choose a person", width:"200px", closeOnSelect: false });});
2.通过js赋值:
html
<input type="hidden" id="e2" />
js
var data = http://www.mamicode.com/[{id: 0, text:‘story‘},{id: 1, text:‘bug‘},{id: 2, text: ‘task‘}]; //或者一下形式都可,但必须是text属性//var data = http://www.mamicode.com/[{"id": "0", "text": "story"},{"id": "1", "text": "bug"},{"id": "2", "text": "task"}];$("#e2").select2({ width:"200px", multiple:true, data:data });
js
//当数据源不是text属性时var source=[{id:0,tag:‘enhancement‘},{id:1,tag:‘bug‘},{id:2,tag:‘duplicate‘},{id:3,tag:‘invalid‘},{id:4,tag:‘wontfix‘}];function format(item) { return item.tag; }
$("#e2").select2({ width:"200px", multiple:true, data:source, formatSelection: format, formatResult: format});
3.获取值
alert(JSON.stringify($(‘#e3‘).select2(‘data‘)))
select2简单例子
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。