jQuery Slider dynamisch machen

[wenco]

Hallo!
Ich möchte folgenden jQuerySlider benutzen (Demo + Code auf folgender Seite)
http://jqueryui.com/slider/#hotelrooms

Leider habe ich nicht genug Ahnung von JS, um die Funktion dynamisch zu machen.
Also so, dass ich mehrere (Selectfelder) Slider auf einer Seite haben kann.

Gruß Wenco

 

[tombe]

Habe mir mal den Code von oben "geklaut" und ein bisschen umgebaut. Hier ist das Ergebnis mit 2 Slidern.

Ich muss zugeben alles was in dem Code stekct ist mir auch nicht klar. Deshalb kann es gut möglich sein, das man es noch schöner, einfacher, kürzer lösen kann!

 

[wenco]

Vielen Dank!
Und ich hatte mich zwischenzeitlich auch versucht und bin nach langem Probieren auf die gleiche Lösung gekommen
Jetzt versuche ich das mit ner for-Schleife etwas kürzer und dynamischer zu gestalten (also in dem ich die Variable i überall ran hänge...). Aber ich scheitere daran die Variablennamen dynamisch zu machen?

Also aus var select1 müsste soetwas wie var select + i werden, aber diese Schreibweise scheint nicht richtig zu sein?
Wie bekomme ich denn einen Variablennamen dynamisch?

       for(var i = 1; i <= 5; i++) {
		var select1 = $( "#eingabe" + i ); 
		var slider1 = $( "<div id='slider" + i + "'></div>" ).insertAfter( select1 ).slider({
			min: 1,
			max: 6,
			range: "min",
			value: select1[ 0 ].selectedIndex + 1,
			slide: function( event, ui ) {
			select1[ 0 ].selectedIndex = ui.value - 1;
			}
		});
		$( "#eingabe" + i ).change(function() {
			slider1.slider( "value", this.selectedIndex + 1 );
		});
	}