选择列表-弹出
动态绑定
请选择区域
自定义结构绑定,select分组
请选择区域
动态绑定示例:

html:

<div id="select" class="bui-select bui-box"> <div class="span1"></div> <i class="icon-listright"></i> </div>

js:

var uiSelect = bui.select({ trigger:"#select", title: "请选择区域", data: [{ "name":"广东", "value":"11" },{"name":"广西", "value":"22" }] })
静态绑定示例:

html:

<div id="select" class="bui-select bui-box"> <div class="span1"></div> <i class="icon-listright"></i> </div> <!-- select 静态弹出自定义框 放在body层--> <div id="select-dialog" class="bui-dialog" style="display:none;"> <div class="bui-dialog-head bui-box-align-middle"> <div class="span1">请选择区域</div> <div class="bui-btn primary round">确定</div> </div> <div class="bui-dialog-main"> <div class="bui-list"> <div class="bui-btn-title"> 南方 </div> <div class="bui-btn bui-btn-line bui-box"> <i class="icon-face"></i> <div class="span1">广东</div> <input id="check-1" type="checkbox" class="bui-choose" value="11" text="广东"> </div> <div class="bui-btn bui-btn-line bui-box"> <i class="icon-face"></i> <div class="span1">广西</div> <input id="check-2" type="checkbox" class="bui-choose" value="22" text="广西"> </div> </div> </div> </div>

js:

var uiSelect2 = bui.select({ id:"#select-dialog", trigger:"#select2", type:"checkbox", callback: function (argument) { uiSelect2.hide(); } });