Forum PHP.pl

Witam wszystkich na forum Chciałbym zapytać się jak rozwiązać mój problem.

edit: link http://jsfiddle.net/sqj8e/


Otóż mam taki kod:

[JAVASCRIPT] pobierz, plaintext 
 $(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); 
       }
 });
 });
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
 <div style="width:300px;">
<form id="reservation">
  <label for="suwak_1"></label>
  <select name="suwak_1" id="suwak_1" style="display:none;">
    <option value="1">1GHz</option>
    <option value="2">1.8x2@GHz</option>
    <option value="3">2.2x4GHz</option>
    <option value="4">i7</option>
 
  </select>
  Opcja: <span id="nazwa">0</span> w cenie  <span id="cena">0</span>zł
 
  <div style="height:20px; background:#C99; width: 100%; margin: 10px 0;"></div>
 
 
</form>
 
 
 
 
</div>
[HTML] pobierz, plaintext 

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ą?

[JAVASCRIPT] pobierz, plaintext 
var select = $( "#suwak_1" );
[JAVASCRIPT] pobierz, plaintext 

jak powiele to dalej jest

[JAVASCRIPT] pobierz, plaintext 
var select = $( "#suwak_2" );
[JAVASCRIPT] pobierz, plaintext 

czyli var select jest jakąś stałą?


edit: link http://jsfiddle.net/sqj8e/

Ten post edytował maniek.kos 23.02.2013, 17:57:26