[PHP][AJAX][SQL] Zależne pole select z bazy, Chained Selects Plugin for jQuery Opcje

[pikasso]

Witam wszystkich,
mam taki o to problem chciałbym rozbudować sobie skrpt ze strony appelsiini.net/projects/chained

Jak to przekształcić aby zapytania były z bazy?? o ile pierwszy i drugi select potrafię zrobić to 3 mi nie wychdzi ...

[HTML] pobierz, plaintext 
<select id="mark" name="mark">
  <option value="">--</option>
  <option value="bmw">BMW</option>
  <option value="audi">Audi</option>
</select>
<select id="series" name="series">
  <option value="">--</option>
  <option value="series-3" class="bmw">3 series</option>
  <option value="series-5" class="bmw">5 series</option>
  <option value="series-6" class="bmw">6 series</option>
  <option value="a3" class="audi">A3</option>
  <option value="a4" class="audi">A4</option>
  <option value="a5" class="audi">A5</option>
</select>
<select id="model" name="model">
  <option value="">--</option>
  <option value="coupe" class="series-3 series-6 a5">Coupe</option>
  <option value="cabrio" class="series-3 series-6 a3 a5">Cabrio</option>
  <option value="sedan" class="series-3 series-5 a3 a4">Sedan</option>
  <option value="sportback" class="a3 a5">Sportback</option>
</select>
 
</script> <script charset=utf-8>
  $(function(){
      $("#series").chained("#mark");
      $("#model").chained("#series");
      $("#engine").chained("#series, #model");
  });
  </script>
 
[HTML] pobierz, plaintext 

Mój przerobiony skrypt

[PHP] pobierz, plaintext 
 
		<select id="mark" name="mark">
			<option value="">--</option>
			<?php 
			mysql_query("SET NAMES `utf8` COLLATE `utf8_polish_ci`"); 
			$PokazPozycje = mysql_query("SELECT DISTINCT Marka FROM Samochody WHERE Rodzaj = 'Osobowe';"); 
			while($PokazPozycjeTable = mysql_fetch_assoc($PokazPozycje)) {  ?>
			  <option value="<?php echo $PokazPozycjeTable['Marka'] ?>"><?php echo $PokazPozycjeTable['Marka'] ?></option>
			 <?php }?>
		</select>
 
		<select id="series" name="series">
		  <option value="">--</option>
		  <?php 
			mysql_query("SET NAMES `utf8` COLLATE `utf8_polish_ci`"); 
			$PokazPozycje1 = mysql_query("SELECT DISTINCT Model, Marka FROM Samochody WHERE Rodzaj = 'Osobowe';"); 
			while($PokazPozycjeTable1 = mysql_fetch_assoc($PokazPozycje1)) {  ?>
			  <option value="<?php echo $PokazPozycjeTable1['Model'] ?>" class="<?php echo $PokazPozycjeTable1['Marka'] ?> <?php echo $PokazPozycjeTable1['Model'] ?>?>"><?php echo $PokazPozycjeTable1['Opis'] ?></option>
 
		   <?php 
		   }?>
		</select>
		<select id="model" name="model">
		 <option value="">--</option>
		      <!-- Jak dalej to napisać aby wybierać teraz model bo np. każda marka ma sedan lub kombi lub inny?? ale żeby to było zależne od $PokazPozycjeTable1['Model']  -->
		</select>
		<select id="engine" name="engine">
		  <option value="">--</option>
                   <!-- Jak dalej to napisać aby wybierać teraz rok w zależności jeżeli wszystko jest wybrane z powyższych - jak przekazać do selecta pola Model / Marka / Rodzaj  -->
		</select>
<script charset=utf-8>
   $(function(){
      $("#series").chained("#mark");
	  $("#model").chained("#series");
	  $("#engine").chained("#series, #model");
  });
</script>
 
[PHP] pobierz, plaintext 

Ten post edytował pikasso 22.10.2014, 11:03:51

[Turson]

http://turson.pl/blog/dynamiczne-zalezne-selecty/

[pikasso]

Ok dzięki
a jak teraz do tego mogę podpiąć 3 selecta??

[HTML] pobierz, plaintext 
<form action="" method="post" id="formularz">
    <label for="marka">Wybierz markę</label>
    <select id="marki" name="marka">
        <option>Wybierz</option>
        <?php foreach($marki as $v): ?>
            <option><?php echo $v['Grupa']; ?></option>
        <?php endforeach; ?>
    </select>
	<label for="model">Wybierz model</label>
    <select id="modele" name="model">
    </select>
 
    <label for="ilosc">Wybierz model</label>
    <select id="ilosci" name="model">
    </select>
    <input type="submit" value="Ok">
</form>
[HTML] pobierz, plaintext 

Pierwszy select wywoływany jest z tego skryptu

[HTML] pobierz, plaintext 
$('#marki').on('change', function(){
    var marka = $(this).val();
    $.ajax({
        type: 'POST',
        url: 'szukaj.php',
        data: { 'marka':marka },
        success: function(msg){
            $("#modele").html(msg);
        }
    })
})
[HTML] pobierz, plaintext 

To drugi powinien być analogicznie robiony? tak??

[HTML] pobierz, plaintext 
$('#modele').on('change', function(){
    var modele = $(this).val();
    $.ajax({
        type: 'POST',
        url: 'szukaj2.php',
        data: { 'modele':modele },
        success: function(msg){
            $("#ilosci").html(msg);
        }
    })
})
[HTML] pobierz, plaintext 

Ok problem rozwiązany
dawałęm złe zapytanie do bazy