首页 > 代码库 > jquery chosen 插件多选初始化
jquery chosen 插件多选初始化
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <link href="http://www.mamicode.com/css/chosen.css" rel="stylesheet" /> <!--引入chosen.css--> <script src="http://www.mamicode.com/js/jquery-1.10.2.js"></script> <!--引入jquery-*.js--> <script src="http://www.mamicode.com/js/chosen.jquery.js"></script> <!--引入chosen.jquery.js--></head><body> <select data-placeholder="Choose a Country..." class="chzn-select" multiple style="width:350px;" id="dl_chose2"> <option value=""></option> <option value="http://www.mamicode.com/1" >a</option> <option value="http://www.mamicode.com/2">b</option> <option value="http://www.mamicode.com/3">c</option> <option value="http://www.mamicode.com/4">d</option> <option value="http://www.mamicode.com/5">e</option> <option value="http://www.mamicode.com/6">f</option> <option value="http://www.mamicode.com/7">g</option> <option value="http://www.mamicode.com/8">h</option> <option value="http://www.mamicode.com/9">i</option> </select> <!--<a onclick="chose_mult_set_ini(‘#dl_chose2‘,‘1,3,5,8‘);" href="javascript:;;">Set a,c,e,h to Chose Mult-Select</a>--> <script language="javascript"> // 多选 select 数据初始化 function chose_mult_set_ini(select, values) { var arr = values.split(‘,‘); var length = arr.length; var value = http://www.mamicode.com/‘‘;" option[value=http://www.mamicode.com/‘" + value + "‘]").attr(‘selected‘, ‘selected‘); } $(select).trigger("liszt:updated"); } $(document).ready(function () { // 如果要初始化已选中的项，需要在调用chosen()函数之前调用chose_mult_set_ini()函数 // 设置<select>的<option>属性selected=‘selected‘，这样chosen()函数被调用时，相应项会显示在框中 chose_mult_set_ini(‘#dl_chose2‘, ‘1,3,5,8‘); //初始化 $(".chzn-select").chosen(); }); </script></body></html>
jquery chosen 插件多选初始化
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。