我需要一个可靠的jQuery/CSS选择框插件的建议

我需要一个可靠的jQuery/CSS选择框插件的建议,jquery,html,css,jquery-plugins,Jquery,Html,Css,Jquery Plugins,我目前正在从事一个项目,该项目使用Dropkick.js插件来设置选择框的样式。我们遇到的一个问题是,虽然dropkick看起来不错,但它并没有镜像选择框的方法、属性和事件 我不得不编写很多额外的代码来禁用/启用选择、获取和设置值以及其他一些事情,以便让选择与站点的其余部分配合良好,并与其他表单元素交互 所以我们切换到测试选择框。Fantasic插件有一个例外:如果您通过ajax和jQuery删除/添加页面选择,它会破坏页面中每个选择的设置。这会导致各地出现无法使用的SELECT和JS错误。因为

我目前正在从事一个项目,该项目使用Dropkick.js插件来设置选择框的样式。我们遇到的一个问题是,虽然dropkick看起来不错,但它并没有镜像选择框的方法、属性和事件

我不得不编写很多额外的代码来禁用/启用选择、获取和设置值以及其他一些事情,以便让选择与站点的其余部分配合良好,并与其他表单元素交互

所以我们切换到测试选择框。Fantasic插件有一个例外:如果您通过ajax和jQuery删除/添加页面选择,它会破坏页面中每个选择的设置。这会导致各地出现无法使用的SELECT和JS错误。因为我们正在做很多动态内容,这也不起作用

有没有一个好的选择插件可以公开选择框的所有方法和属性,可以很好地设置样式,并且可以处理动态内容

谢谢你的建议

根据我的经验,效果很好。如果动态更新值,则必须调用更新函数,但这很简单。

统一看起来很酷

我在这里看到了类似的方法:


它只是使用不透明度隐藏选择框,并覆盖一个可以设置样式的div,以下是我知道的几个选项(没有特定顺序):

样式选择

包装现有的
标记,因此所有事件、属性等都应保持可访问性。不过,默认样式并没有那么好,而且定制的数量也有限制

被选中的 -

不错的默认样式,但是生成的标记有点奇怪,它不支持您可能需要的全部回调(仅
change

jQuery用户界面选择框 -

如果您已经在使用jQueryUI,那么这是一个很好的选择——否则可能会有太多的开销。它不使用
的事件,但具有等效的回调(甚至是定期提交时不存在的回调,如
open
/
close
)。而且它是兼容的

杰斯特林 -

再次包装原始的
标记。支持禁用的
选项。默认的样式是相当没有吸引力的,它的设计覆盖范围不仅仅是选择框(可能不需要的积垢)

统一的 -

易于实现,支持多个主题。虽然缺少回调,但有时不得不强制更新元素(前面已经提到过),覆盖的不仅仅是选择框(同样,可能是不需要的积垢)。

我最近发布了。这是果酱包装与功能,所以检查出来

选择BoxIT显著功能:

  • 可使用jQueryUI Themeroller设置样式(可选)

  • 支持所有jQuery和jQueryUI显示/隐藏效果(可选)

  • 支持所有jQueryUI/自定义图标

  • 包括ARIA(可访问的富Internet应用程序)支持

  • 全键盘搜索和导航支持

  • 在调用插件的原始选择框元素上触发的事件API

  • 提供与下拉列表交互的方法(即搜索、打开、禁用、设置选项)的方法API

  • 无错误地传递jsHint

  • 已选择、已禁用和Optgroup支持

  • 易于扩展,允许开发人员创建新的小部件


您确定selectBox会在每次选择时销毁设置吗?我最近在一个项目中使用了selectBox,该项目根据以前的选择动态添加select元素,但从未出现过这种问题。也许你的代码有问题?问题不在于添加选择,而在于删除它们。这是一个兽医网站,所以如果你选择你的宠物类型(猫/狗),它可能会添加一个选择体重范围。如果您更改宠物类型,它将删除刚刚添加的select或内容,然后将内容加载到页面中。在这之后,所有的选择都不起作用-我在unnified selectBox.js的第496行附近得到一个错误“settings is undefined”。不知道那里发生了什么。