插件地址: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");
分享到:
相关推荐
Chosen插件的使用首先需要引入jQuery库,然后引入Chosen的CSS和JS文件。在项目中,我们通常会使用`chosen.css`和`chosen.jquery.js`,对于生产环境,可以选择压缩后的`chosen.min.css`和`chosen.jquery.min.js`以...
下面将详细介绍jQuery Chosen插件的核心功能、安装方法、使用技巧以及常见问题。 ### 一、核心功能 1. **模糊搜索**:Chosen插件的标志性特性,允许用户在下拉选项中输入关键词进行实时模糊匹配,提高了查找特定...
chosen_v1.2.0.zip ...jQuery Chosen Plugin 是一个 jQuery 插件,用来将网页中的下拉框进行功能扩展和美化。可实现对下拉框的搜索,多个标签编辑等功能 下载地址:https://github.com/harvesthq/chosen/releases
要使用jQuery Chosen插件,首先需要在页面中引入jQuery库和Chosen的CSS及JavaScript文件。然后,通过简单的jQuery代码对选择框应用Chosen效果: ```html <link rel="stylesheet" href="chosen.min.css"> ...
**jQuery Chosen插件详解** `jQuery Chosen`是一个优秀的jQuery插件,专门用于改进HTML `<select>`元素的用户体验。这个插件通过提供一个可定制的下拉菜单,使多选和单选变得更为直观和用户友好。在网页设计中,`...
6. **易于集成**:只需要引入相应的JavaScript和CSS文件,然后通过简单的配置即可启用Chosen插件。 在压缩包"chosen-master"中,通常会包含以下内容: 1. **Chosen的源代码**:包括JavaScript文件(chosen.jquery....
一个可以美化下拉框,并且支持模糊查询的下拉框搜索jquery插件 下载地址 https://github.com/harvesthq/chosen/releases 官方文档配置 https://harvesthq.github.io/chosen/options.html 官方文档说明 ...
Chosen插件的核心特性包括: 1. **美化样式**:Chosen通过自定义CSS样式,将传统的`<select>`元素转换为具有清晰布局和友好的交互效果的控件,使其在各种设备和屏幕尺寸上看起来更专业。 2. **搜索功能**:当选项...
Chosen插件是基于jQuery构建的,所以需要引入jQuery库(如`chosen.jquery.min.js`)。使用jQuery的便利性和广泛的社区支持,使得Chosen更容易集成到现有的项目中。 9. **图标资源**: `chosen-sprite.png`是...
这是一款Bootstrap和chosen集成jQuery下拉框插件。该插件利用chosen的样式和bootstrap下拉框的功能,集成出新的下拉框效果。该下拉框支持单项选择和多项选择,支持搜索和分组功能。
3. 初始化Chosen插件:在jQuery的`$(document).ready()`函数内,对需要应用Chosen的`<select>`元素调用`.chosen()`方法。 ```javascript $(document).ready(function() { $("#your-select-element").chosen(); }); ...
文档中的代码示例说明了如何通过定义一个方法来初始化Chosen插件,并通过`$j.extend`方法来合并配置选项,以及如何使用Chosen插件提供的方法来获取值和设置事件处理。 整个文档的内容表明,通过jQuery Chosen通用...
Jquery chosen 地址:https://github.com/harvesthq/chosen 一款选择插件,支持检索,多选,但不支持输入效果如下图 确定是用的这个哦, 不然可往下看也没有什么意义了 突然发现如果用在省市选择发现有如下问题: 1...
为了提升用户体验,开发者们常常会借助于第三方库,比如jQuery的Chosen插件。本文将详细介绍Chosen插件,以及如何使用它来创建带搜索功能的智能下拉框。 **一、Chosen简介** Chosen是一款流行的jQuery插件,它能够...
Chosen插件下载地址 //www.jb51.net/jiaoben/38027.html 代码如下: [removed][removed] [removed][removed] 应用JS文件 代码如下: <select class=”chzn-select” data-placeholder=”Ch
之后,通过jQuery选择合适的下拉框元素,并调用Chosen插件的初始化方法,如`$(".select-class").chosen()`来应用特效。 而“132689886238392334”这个文件名可能是某种时间戳,通常用于记录文件创建或修改的时间,...