jquery - 如何在 jquery 中为表单值设置 2 个滑块？

Question

我确信这是可能的，但我还没有找到一个例子或任何东西。

我的网站上有一个搜索表单，用户可以在其中根据年龄范围搜索其他用户，例如有 2 个下拉列表，其中年龄数字为16-35。

有没有办法有一条水平线，上面有数字，我可以来回滑动两个对象到一个数字上？我以前见过它，但在 jquery 中没有

Answer 1

jQuery UI 库正是您想要的：

http://jqueryui.com/demos/slider/#range

Answer 2

另一个选项是这个 jQuery 扩展，它将两个选择元素转换为一个滑块：

http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/

如果您使用的是专门定义的值而不是连续范围，则它可能是更合适的选择。它还提供了优雅降级的好处。