您的位置:首页 > Web前端 > JQuery

jquery-chosen 选择框插件用法

2016-12-05 17:08 260 查看
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>
就是这么简单.插件效果图如下:

       
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  chosen jquery datepicker