jquery-chosen 选择框插件用法


1.下载插件文件

https://pan.baidu.com/s/1mhZKcty


2.显示层引入文件

<script type="text/javascript" src="__PUBLIC__/javascripts/admin/chosen.jquery.js"></script><link rel="stylesheet" href="__PUBLIC__/stylesheets/admin/chosen.css"/>

3.编写需要插件的输入框

<select name="id" data-placeholder="Choose a Country" class="chosen-select" tabindex="2" style="width: 180px;"> <option value="">---请选择账号-</option> <volist name="accounts" id="account"> <option value="{$account.id}">{$account.account}</option> </volist> </select>

<script>
$(function () {
$('.chosen-select').chosen();
$('.chosen-select-deselect').chosen({allow_single_deselect: true});
});
</script>

就是这么简单.插件效果图如下:

       

智能推荐

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



猜您在找
jquery-chosen 选择框插件用法 Chosen—jquery选择框插件 jquery-chosen设置默认值 Chosen 基于jquery的选择框插件使用方法 如何用jQuery重置jQuery选择的select选项? - How do I reset a jquery-chosen select option with jQuery?
智能推荐
 
© 2014-2019 ITdaan.com 粤ICP备14056181号  

赞助商广告