chosen是个不错的复合下拉组件,缺点是文档较少
源码在github
harvesthq chosen
对于已有数据,特别好用,但是数据通过js动态加载后,显示的还是老数据
数据更新的方法
源码在github
harvesthq chosen
对于已有数据,特别好用,但是数据通过js动态加载后,显示的还是老数据
数据更新的方法
//销毁原有chosen $("select").chosen('destroy'); //生成新的chosen对象 $("select").chosen({allow_single_deselect:true}); 重新调整大小 $(window).trigger('resize.chosen');
发表评论
-
解决eclipse在修改js卡顿现象
2018-02-09 15:49 1361新版eclipse编辑含有javascript内容的jsp时, ... -
优秀的弹层组件
2016-04-20 18:19 659http://layer.layui.com/ -
googleapis.com域名访问慢的解决办法
2016-04-13 12:09 9681、安装火狐 2、安装插件ReplaceGoogleCDN -
国内常用前端公共库CDN服务
2015-11-15 14:00 943BAIDU http://cdn.code.baidu.co ... -
jquery validate 1.14
2015-10-12 20:14 794<!DOCTYPE html PUB ... -
jquery 事件处理handler函数的参数
2015-02-08 23:22 2582jquery 事件处理handler函 ... -
jquery tr rowindex
2014-11-30 13:42 902var tr = $(this).parents('tr' ... -
jqgrid please select row warning
2014-11-23 19:42 1722引入ui.jqgrid.css即可解决 -
改变多个jquery.ready的默认顺序
2014-11-23 15:37 1294$(document).ready 这个函数的解释: 引用 D ... -
javascript 错误的继承方式
2014-11-02 23:02 724var parent = {t:1,m:2,} pare ... -
JS图片格式验证
2014-07-03 16:48 903function pic(file){ var r ... -
更改underscorejs默认的匹配符
2014-06-14 11:51 846/** 修改underscore.js默认的< ... -
uglifyjs批量压缩js
2014-06-13 16:34 2427jquery官方使用uglifyjs进行压缩的,压缩比较高 ... -
html5 canvas作的手写板【兼容手机】
2014-05-21 15:56 5276<!DOCTYPE html> <ht ... -
backbone.js model和view视图的单元测试
2014-05-20 17:32 1360backbone的模块化开发,需要引入测试流程保证代码的质量, ... -
由正则表达式html或xml标签配对说起【括号编组和正负向预查】
2014-05-15 14:17 2472经常会查找xml或HTM ... -
netbeans和karma进行单元测试二【jasmine入门】
2014-05-20 15:43 1689karma配好之后,默认使用的是jasmine作为测试框架: ... -
javascript的代理和切面
2014-05-15 13:39 738Java里有面向切面的实现方式,可以监控包、对象、函数 ... -
backbone.js路由Router的使用
2014-05-09 11:33 1581路由的使用很简单,路由的转向 router.navigate( ... -
backbone.js的View里的事件重复调用
2014-05-09 11:18 1992backbone的一个视图被初始化多次后,发现一个按钮事 ...
相关推荐
https://github.com/harvesthq/chosen 一款选择插件,支持检索,多选,但不支持输入效果如下图 确定是用的这个哦, 不然可往下看也没有什么意义了 突然发现如果用在省市选择发现有如下问题: 1,不能动态设置值 2,...
3. **方法扩展**:除了原有的初始化、选择和取消选择等方法外,增强版可能还增加了如动态加载数据、更新选项、禁用和启用选择等功能的方法,让开发者在编程时有更多的灵活性。 4. **事件处理**:为了更好地响应用户...
`package.json` 文件是Node.js包管理的标准格式,包含了Chosen库的元数据,如版本号、作者信息等。如果你使用npm进行项目管理,可以通过这个文件来安装和管理Chosen依赖。 7. **使用步骤** - 引入CSS文件:在HTML...
Chosen通过动态创建一个交互式的列表来替代原始的HTML `<select>` 标签,这样用户就可以输入关键词来过滤选项,而不是滚动长列表。 源代码分析: Chosen的源代码通常包含两个主要部分:JavaScript和CSS。JavaScript...
5. **更新Chosen**:当动态添加或删除选项时,需要调用`$("#yourSelect").trigger("chosen:updated");`来更新Chosen实例。 **Chosen与其他下拉选择插件的对比:** Chosen与其他插件(如Select2)相比,虽然功能...
2. **自定义渲染**:"带有渲染js之后刷新option"表明Chosen.jQuery支持对选项进行动态更新和渲染。这在数据实时变化或者需要根据用户操作动态加载更多选项的场景中非常有用。通过JavaScript,我们可以轻松地添加、...
- 使用异步加载:对于非常大的数据集,可以先加载一部分选项,其余的在用户开始搜索时动态加载。 - 延迟搜索:设置搜索延迟,防止用户连续输入时频繁请求。 - 使用服务器端过滤:在服务器端处理搜索请求,减少...
7. **易于整合**:它可以无缝集成到现有的jQuery或Prototype项目中,且支持数据绑定,如使用AJAX动态加载选项。 在压缩包文件`chosen_v0.14.0`中,可能包含了以下内容: 1. `chosen.css`:这是Chosen的样式文件,...
"Chosen jQuery 下拉查询插件"是一款广泛...总的来说,Chosen jQuery 下拉查询插件是提升网页交互体验的有力工具,通过它,我们可以让原本枯燥的下拉菜单变得智能化、用户友好,尤其适用于那些需要处理大量数据的场景。
7. **API接口**:Chosen提供了丰富的API接口,开发者可以方便地控制插件的行为,如动态添加或删除选项,获取选中的值等。 在实际应用中,Chosen常用于表单设计,尤其是涉及分类选择、地区选择、兴趣爱好选择等场景...
3. **动态加载**:如果选项数据庞大,组件支持动态加载,即当用户滚动时,组件会按需加载更多选项,避免一次性加载过多数据导致页面卡顿。 4. **优化的触摸操作**:对于移动设备,Chosen 组件会优化触控体验,使用户...
此外,Chosen虽然强大,但它是一个独立的组件,无法解决所有Select控件的问题,特别是与服务器端动态数据交互的情况。 总之,Chosen为网页开发人员提供了一个优雅的解决方案,用以提升Select控件的用户体验。通过...
4. **动态更新**:你可以动态添加或删除选项,Chosen会自动更新选择器的视图。 5. **响应式设计**:Chosen与Bootstrap等框架兼容,可以适应不同屏幕尺寸的设备,提供良好的移动体验。 6. **无障碍访问**:Chosen...
由于Chosen.jQuery是一个活跃的开源项目,因此它持续得到社区的支持和更新。开发者可以通过GitHub等平台获取最新版本,并参与问题讨论和贡献代码。 综上所述,Chosen.jQuery是一个功能强大且易用的插件,它极大地...
4. 如果有动态添加或删除的选项,需要调用`$("#yourSelect").trigger("chosen:updated")`来更新Chosen的内部状态。 通过以上步骤,你可以轻松地在项目中实现select控件的美化,提升用户体验。记住,良好的界面设计...
- **动态加载**:Chosen支持在运行时动态添加和移除选项,适用于数据量大的场景。 - **国际化**:Chosen支持多语言,开发者可以根据需要设置语言包。 - **事件监听**:提供多种事件监听,如change、search、show_...
7. **更新与刷新**:当数据发生变化时,需要调用Chosen的`refresh`方法来更新选择框的状态,确保与AngularJS的数据同步。 8. **预选和清除选择**:项目中包含的预选功能可通过设置`ng-model`的初始值实现。清除选择...
1、点击输入框可以根据拼音自动筛选数据,并且标记已经选择的数据,没有结果的时候提示,相应的更新左边树状态 2、勾选树右侧树的复选框左侧出现相应的内容 我用到的插件 vue+chosen+ztree vue:组件化的MVVM库 ...