Wie kann ich 2 Schieberegler für einen Formularwert in Jquery haben?

Question

Ich bin mir sicher, dass dies möglich ist, aber ich konnte noch kein Beispiel oder etwas finden.

Ich habe ein Suchformular auf meiner Website, wo Benutzer nach anderen Nutzern auf der Altersgruppe suchen können, zum Beispiel gibt es 2 Dropdown-Liste mit Altersnummern wie 16-35.

Gibt es eine Möglichkeit, eine horizontale Linie zu haben und Zahlen darüber zu haben und 2 Objekte, die ich zu einer Zahl hin und her gleiten kann? Ich habe es gesehen, bevor aber nicht in jquery

Answer 1

Die jQuery UI-Bibliothek hat genau das, was Sie suchen:

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

Answer 2

Eine weitere Option ist die jQuery-Erweiterung, die zwei Auswahlelemente mit einem Schieber konvertieren :

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

Wenn Sie speziell definierte Werte, anstatt ein kontinuierlicher Bereich verwenden, kann es eine geeignete Option sein. Es bietet auch den Vorteil einer graziösen Degradierung.