`

chosen 数据的动态更新

 
阅读更多
chosen是个不错的复合下拉组件,缺点是文档较少
源码在github
harvesthq chosen

对于已有数据,特别好用,但是数据通过js动态加载后,显示的还是老数据
数据更新的方法
//销毁原有chosen
$("select").chosen('destroy'); 

 //生成新的chosen对象
$("select").chosen({allow_single_deselect:true});

重新调整大小
$(window).trigger('resize.chosen');
分享到:
评论

相关推荐

    Jquery chosen动态设置值实例介绍

    https://github.com/harvesthq/chosen 一款选择插件,支持检索,多选,但不支持输入效果如下图 确定是用的这个哦, 不然可往下看也没有什么意义了 突然发现如果用在省市选择发现有如下问题: 1,不能动态设置值 2,...

    chosen增强化使用

    3. **方法扩展**:除了原有的初始化、选择和取消选择等方法外,增强版可能还增加了如动态加载数据、更新选项、禁用和启用选择等功能的方法,让开发者在编程时有更多的灵活性。 4. **事件处理**:为了更好地响应用户...

    chosen多选select

    `package.json` 文件是Node.js包管理的标准格式,包含了Chosen库的元数据,如版本号、作者信息等。如果你使用npm进行项目管理,可以通过这个文件来安装和管理Chosen依赖。 7. **使用步骤** - 引入CSS文件:在HTML...

    chosen插件的源代码

    Chosen通过动态创建一个交互式的列表来替代原始的HTML `<select>` 标签,这样用户就可以输入关键词来过滤选项,而不是滚动长列表。 源代码分析: Chosen的源代码通常包含两个主要部分:JavaScript和CSS。JavaScript...

    chosen下拉选择插件.rar

    5. **更新Chosen**:当动态添加或删除选项时,需要调用`$("#yourSelect").trigger("chosen:updated");`来更新Chosen实例。 **Chosen与其他下拉选择插件的对比:** Chosen与其他插件(如Select2)相比,虽然功能...

    chosen.jquery带搜索功能的下拉选

    2. **自定义渲染**:"带有渲染js之后刷新option"表明Chosen.jQuery支持对选项进行动态更新和渲染。这在数据实时变化或者需要根据用户操作动态加载更多选项的场景中非常有用。通过JavaScript,我们可以轻松地添加、...

    chosen_v1.8.7.rar

    - 使用异步加载:对于非常大的数据集,可以先加载一部分选项,其余的在用户开始搜索时动态加载。 - 延迟搜索:设置搜索延迟,防止用户连续输入时频繁请求。 - 使用服务器端过滤:在服务器端处理搜索请求,减少...

    chosen下拉多选

    7. **易于整合**:它可以无缝集成到现有的jQuery或Prototype项目中,且支持数据绑定,如使用AJAX动态加载选项。 在压缩包文件`chosen_v0.14.0`中,可能包含了以下内容: 1. `chosen.css`:这是Chosen的样式文件,...

    chosen jquery 下拉查询插件

    "Chosen jQuery 下拉查询插件"是一款广泛...总的来说,Chosen jQuery 下拉查询插件是提升网页交互体验的有力工具,通过它,我们可以让原本枯燥的下拉菜单变得智能化、用户友好,尤其适用于那些需要处理大量数据的场景。

    下拉框搜索chosen_v1.6.2.rar

    7. **API接口**:Chosen提供了丰富的API接口,开发者可以方便地控制插件的行为,如动态添加或删除选项,获取选中的值等。 在实际应用中,Chosen常用于表单设计,尤其是涉及分类选择、地区选择、兴趣爱好选择等场景...

    多选框组件(chosen_v1.0.0)

    3. **动态加载**:如果选项数据庞大,组件支持动态加载,即当用户滚动时,组件会按需加载更多选项,避免一次性加载过多数据导致页面卡顿。 4. **优化的触摸操作**:对于移动设备,Chosen 组件会优化触控体验,使用户...

    Chosen让长并且笨拙的选择框更友好

    此外,Chosen虽然强大,但它是一个独立的组件,无法解决所有Select控件的问题,特别是与服务器端动态数据交互的情况。 总之,Chosen为网页开发人员提供了一个优雅的解决方案,用以提升Select控件的用户体验。通过...

    jquery chosen

    4. **动态更新**:你可以动态添加或删除选项,Chosen会自动更新选择器的视图。 5. **响应式设计**:Chosen与Bootstrap等框架兼容,可以适应不同屏幕尺寸的设备,提供良好的移动体验。 6. **无障碍访问**:Chosen...

    chosen.jquery

    由于Chosen.jQuery是一个活跃的开源项目,因此它持续得到社区的支持和更新。开发者可以通过GitHub等平台获取最新版本,并参与问题讨论和贡献代码。 综上所述,Chosen.jQuery是一个功能强大且易用的插件,它极大地...

    美化select控件Jquery chosen

    4. 如果有动态添加或删除的选项,需要调用`$("#yourSelect").trigger("chosen:updated")`来更新Chosen的内部状态。 通过以上步骤,你可以轻松地在项目中实现select控件的美化,提升用户体验。记住,良好的界面设计...

    harvesthq-chosen.rar

    - **动态加载**:Chosen支持在运行时动态添加和移除选项,适用于数据量大的场景。 - **国际化**:Chosen支持多语言,开发者可以根据需要设置语言包。 - **事件监听**:提供多种事件监听,如change、search、show_...

    angular-chosen:这个项目展示了 AngularJS 和 Chosen 插件的集成

    7. **更新与刷新**:当数据发生变化时,需要调用Chosen的`refresh`方法来更新选择框的状态,确保与AngularJS的数据同步。 8. **预选和清除选择**:项目中包含的预选功能可通过设置`ng-model`的初始值实现。清除选择...

    基于chosen插件实现人员选择树搜索自动筛选功能

    1、点击输入框可以根据拼音自动筛选数据,并且标记已经选择的数据,没有结果的时候提示,相应的更新左边树状态 2、勾选树右侧树的复选框左侧出现相应的内容 我用到的插件 vue+chosen+ztree vue:组件化的MVVM库 ...

Global site tag (gtag.js) - Google Analytics