
edit: link http://jsfiddle.net/sqj8e/
Otóż mam taki kod:
$(function() { var select = $( "#suwak_1" ); var slider = $( "<div id='slider'></div>" ).insertAfter( select ).slider({ min: 1, max: 4, range: "min", slide: function( event, ui ) { select[ 0 ].selectedIndex = ui.value - 1; var cena = new Array(); cena[1] = 10; cena[2] = 10; cena[3] = 10; cena[4] = 10; cena[5] = 10; $( "#cena" ).text(cena[ui.value] ); var str = ""; $("select option:selected").each(function () { str += $(this).text() + " "; }); $("#nazwa").text(str); } }); });
Działanie suwaka:
Odczytywanie z pól select opcji i wyświetlanie ich na sliderze, każda opcja powinna ma inną cenę.
Suwak ładnie działa, odczytuje z pól option w select nazwy i ich ID (choć nie do końca wiem czy odczytuje, bo w bazie mam id 1,2,3,4 więc może także czytac kolejno id z pliku)
Problem pojawia się gdy chcę dodać kolejny suwak i pola select.
Wszystko miesza się i nie wiem co dalej zrobić. Zmieniałem pola select_2 itp ale dalej miesza.
//////////////////
Problem może być z tą linijką?
var select = $( "#suwak_1" );
jak powiele to dalej jest
var select = $( "#suwak_2" );
czyli var select jest jakąś stałą?
edit: link http://jsfiddle.net/sqj8e/