Как я могу иметь 2 ползунка для значения формы в jquery?

Question

Я уверен, что это возможно, но я не смог найти пример или еще что-нибудь.

У меня есть форма поиска на моем сайте, где пользователи могут искать других пользователей, исходя из их возрастного диапазона, например, есть 2 раскрывающихся списка с номерами возраста, такими как 16-35 .

Есть ли способ иметь горизонтальную линию и иметь цифры на ней и 2 объекта, которые я могу скользить взад и вперед к числу? Я видел это раньше, но не в jquery

Answer 1

Библиотека пользовательского интерфейса jQuery имеет именно то, что вы ищете:

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

Answer 2

Другой вариант - это расширение jQuery, которое преобразует два элемента select в слайдер:

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

Если вы используете специально определенные значения, а не непрерывный диапазон, это может быть более подходящим вариантом. Это также обеспечивает благотворное ухудшение качества.