`
huazii
  • 浏览: 6541 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

各种风格的多选下拉框(Multiselect)

阅读更多

最近有用到多选的下拉框,找了些资料,也临时写了个针对Ext1.1和2.2 ComboBox的扩展
和大家共享下,请胡乱批。。。

1.传统方式的,两个大框框,基于Ext

demo:http://extjs.com/learn/Extension:Multiselect

2.基于Ext ComboBox的checkbox style的,数量不很多的话比较合适

demo:http://www.tonylandis.com/code-projects/ext-multiselect-combobox-extension.htm

3.我根据需要自己写的基于ext1.1和2.2,样式参考jQuery asmselect,暂时只支持transform方式

demo:http://219.143.44.134/demo/multiselect1.1/examples/form/mecombos.html

下载见附件

4.基于jQuery的asmselect以及作者针对multiselect的总结:

http://www.ryancramer.com/projects/asmselect/examples/example1.html

http://www.ryancramer.com/journal/entries/select_multiple/

分享到:
评论

相关推荐

    jquery.multiselect.js多选下拉框选择代码

    总结来说,jQuery.multiselect.js为Web开发者提供了一种强大而灵活的多选下拉框解决方案,无论是基础功能的实现还是高级特性的定制,都能满足各种复杂场景的需求。熟练掌握并运用这个插件,可以显著提升Web应用的...

    jQuery多选下拉框插件.rar

    在网页开发中,多选下拉框是一种常见的交互元素,用于提供用户多个可选项进行选择。本示例中,我们关注的是一个使用jQuery实现的多选下拉框插件,这个插件能够帮助开发者轻松地在项目中创建具有美观样式和易用功能的...

    jquery.multiSelect多选下拉框简单实例

    通过CSS,你可以调整多选下拉框的外观以符合网站的视觉风格。`jquery.multiSelect.css`文件中定义了许多类,如`.ms-container`、`.ms-optgroup-label`等,可以根据需要进行覆盖或扩展。 ### 8. 实例化多个下拉框 ...

    jquery.multiselect多选下拉框实现代码

    jquery.multiselect插件是一个流行的jQuery扩展插件,它可以帮助开发者实现具有现代风格的多选下拉框。 知识点一:引入jQuery及插件文件 在使用jquery.multiselect插件之前,需要先引入jQuery库和相应的插件文件。...

    jquery.multiselect 下拉多选插件 下拉复选框插件

    一旦这些资源加载完毕,只需调用`.multiselect()`方法即可将普通的下拉列表转化为可多选的下拉框。例如: ```html <option value="value1">Option 1 <option value="value2">Option 2 ... $(document).ready...

    带多选的下拉列表框 方便好用 效果不错 可用于Web开发中

    "jquery-ui-multiselect-widget-master" 是一个基于jQuery UI的多选下拉框插件,它提供了丰富的定制选项和美观的界面效果。这个插件可以轻松地将普通的HTML `<select>` 转变为一个功能强大的多选组件,支持单选、...

    jquery.multiselect.filter.zip

    总的来说,jQuery Multiselect Filter插件是优化多选下拉框体验的利器,它通过提供搜索过滤功能,使得用户在处理大量选项时更加便捷。结合其灵活的参数设置和可定制的样式,开发者可以根据项目需求轻松打造出个性化...

    jQuery multiselect

    为了解决这一问题,开发者们创造了jQuery Multiselect插件,它提供了美观且功能丰富的多选下拉框解决方案。 jQuery Multiselect 是基于jQuery UI库的一个扩展,它极大地丰富了多选下拉框的功能,提供了多种可定制的...

    android studio,demo,Spinner下拉菜单多选的实现

    5. **test_multiSelect_spinner**:在提供的压缩包文件`test_multiSelect_spinner`中,可能包含了示例项目的源代码,包括布局文件、Adapter类以及Activity的实现。你可以通过查阅这些文件来进一步理解多选Spinner的...

    下拉多选框bootstrap-multiselect教程

    这会将 ID 为 "example" 的多选框转换为具有 Bootstrap 风格的下拉多选组件。当然,你可以根据需求配置各种选项,例如: ```javascript $('#example').multiselect({ includeSelectAllOption: true, // 添加全选/...

    jquery.multiSelect下拉多选

    通过以上代码,`<select>`元素将被转换为一个多选下拉框。 此外,jQuery.multiSelect还支持各种选项和方法,如设置多选模式、禁用选项、获取已选值等,提供了一套完整的API供开发者调用。通过阅读官方文档或参考...

    multiselect2side插件

    `multiselect2side` 是一个基于 jQuery 的插件,它将传统的单列多选下拉框转化为双列交互式的选择界面,提供更友好的用户体验。这个插件在网上广泛流传,并且经过了开发者们的不断修改和完善,以适应不同的项目需求...

    jQuery lou-multi-select-0.9.5 插件

    总之,jQuery lou-multi-select-0.9.5 插件是一款强大的多选下拉框解决方案,它的灵活性和可扩展性使得在各种项目中都能发挥重要作用。开发者可以通过理解并运用这些知识点,轻松地在网页中实现功能完善的多选下拉框...

    带checkbox的下拉框

    - **Bootstrap Multiselect**:Bootstrap框架提供了一个名为Multiselect的插件,它可以将普通的`<select>`元素转换为带有复选框的多选下拉框。 - **React/Vue/Angular等框架组件**:在现代前端框架中,有许多现成...

    bootstrap下拉多选框

    虽然"bootstrap-multiselect"已经具有了Bootstrap的风格,但你还可以根据需求调整CSS来个性化你的多选下拉框。 总的来说,"bootstrap-multiselect-master"插件为Bootstrap开发者提供了一种方便的方式来实现美观且...

    multiSelect.zip

    总结来说,"multiSelect.zip"是一个包含Bootstrap风格的多选下拉框和复选框组件的资源包,它简化了多选项选择的实现,提供了优秀的用户体验,并且易于集成到各种Web项目中。无论是新手还是经验丰富的开发者,都可以...

    bootstrap-multiselect

    Bootstrap Multiselect是一款基于Bootstrap框架的多选下拉插件,它为HTML的选择元素提供了一种交互式的、可自定义的...它结合了Bootstrap的美观和jQuery的便利,使得多选下拉框成为了一个功能完备、易于使用的组件。

    jquery-multiselect2side:多选并排 jQuery 插件

    在前端开发中,多选下拉框是一个常见的交互元素,尤其在数据筛选、表单填写等场景中。然而,传统的多选下拉框可能无法满足某些复杂的界面需求,例如并排展示选项。为了解决这个问题,开发者们创造了许多插件,其中`...

    基于EXT2.2的下拉复选框

    `Ext.mm.MultSelect.js`很可能是一个名为"Multiselect"的EXT2.2插件,用于实现多选下拉框。这个插件可能扩展了`Ext.form.ComboBox`,添加了多选功能,允许用户在下拉列表中勾选多个条目。它可能包含了一些额外的方法...

Global site tag (gtag.js) - Google Analytics