插件地址:https://github.com/harvesthq/chosen/
使用时,需要先引入jquery,然后再引入chose的js和css
<script type="text/javascript" src="@{'/public/js/chosen/chose.jquery.js'}"></script>
<link rel='stylesheet' href='@{'/public/js/chosen/chosen.css'}' type='text/css' media='all'/>
在select的class属性添加chzn-select,定义select的width属性
<select style="width: 300px" class="chzn-select" id="obj_branch_id" name="obj.branch.id">
<option value="">选择网点 </option>
</select>
然后在select元素上启用chose
jQuery("#obj_branch_id").chosen();
如果select中的选项发生变化,例如通过ajax更新了option,可以在ajax的回调函数中更新chose
jQuery("#obj_branch_id").trigger("liszt:updated");
分享到:
相关推荐
Jquery select 插件 select
这个是jquery的下拉框插件,可以实现下拉框内模糊搜索的功能
chosen_v1.2.0.zip ...jQuery Chosen Plugin 是一个 jQuery 插件,用来将网页中的下拉框进行功能扩展和美化。可实现对下拉框的搜索,多个标签编辑等功能 下载地址:https://github.com/harvesthq/chosen/releases
主要是通过jquery chosen插件,实现select多选的美化效果,该控件使用简单
这是一款Bootstrap和chosen集成jQuery下拉框插件。该插件利用chosen的样式和bootstrap下拉框的功能,集成出新的下拉框效果。该下拉框支持单项选择和多项选择,支持搜索和分组功能。
jQuery Chosen Plugin 是一个 jQuery 插件,用来将网页中的下拉框进行功能扩展和美化。 同时我修改了一下英文注释。 修复了中文名称下搜索的BUG。
Jquery chosen 地址:https://github.com/harvesthq/chosen 一款选择插件,支持检索,多选,但不支持输入效果如下图 确定是用的这个哦, 不然可往下看也没有什么意义了 突然发现如果用在省市选择发现有如下问题: 1...
Chosen插件下载地址 //www.jb51.net/jiaoben/38027.html 代码如下: [removed][removed] [removed][removed] 应用JS文件 代码如下: <select class=”chzn-select” data-placeholder=”Ch
一个可以美化下拉框,并且支持模糊查询的下拉框搜索jquery插件 下载地址 https://github.com/harvesthq/chosen/releases 官方文档配置 https://harvesthq.github.io/chosen/options.html 官方文档说明 ...
jQuery Chosen Plugin 是一个 jQuery 插件,用来将网页中的下拉框进行功能扩展和美化。 同时我修改了一下英文注释。
chosen源码 chosen-1.2.0...jQuery Chosen Plugin 是一个 jQuery 插件,用来将网页中的下拉框进行功能扩展和美化。可实现对下拉框的搜索,多个标签编辑等功能 下载地址:https://github.com/harvesthq/chosen/releases
jQuery Bootstrap和chosen集成下拉框插件特效.zip
query chosen一款选择插件,支持检索,多选,但不支持输入效果
强大的jquery模拟选择框插件Chosen实现了选项分组.zip 强大的jquery模拟选择框插件Chosen实现了选项分组.zip 强大的jquery模拟选择框插件Chosen实现了选项分组.zip
Chosen:select下拉选择框美化插件及实现模糊搜索,Chosen 是一个支持jQuery的select下拉框美化插件,它能让丑陋的、很长的select选择框变的更好看、更方便。不仅如此,它更扩展了select,增加了自动筛选的功能。它...
之前我们分享过很多款非常漂亮而且实用的jQuery美化版Select下拉框插件,比如jQuery Select下拉框美化插件 菜单淡如淡出动画和漂亮实用的Select下拉框美化插件Tether都非常不错。今天我们要给大家介绍另一款基于...
$('.form-control-chosen').chosen({ allow_single_deselect: true, width: '100%' }); $('.form-control-chosen-required').chosen({ allow_single_deselect: false, width: '100%' }); $('....