Zależne od siebie rozwijane listy, 3 listy po wyborze dwóch pierwszych pojawiają się opcje w trzeciej. Opcje

[deus7]

Witam.
Mam problem bo nie znam się za bardzo na js a muszę zrobić wyszukiwarkę z kikoma opcjami wyboru zależnymi od siebie.

Chodzi o to że mamy 3 listy rozwijane:
1 – kolor (zielony, czerwony, czarny … )
2 – materiał (wełna, bawełna, len …)
3 – gramatura ( …....... )

Po wybraniu opcji z dwóch pierwszych list skrypt powinien przekazywać te wybrane opcje np.: 1 – zielony; 2 – bawełna do pliku php (POST) który pobierze z bazy danych dane odpowiednie dla tych opcji w postaci tablicy (w tablicy już sobie sformatuję że będą to <option value=”one”>one</option>) i skrypt js pobierze tą tablice i wyświetli ją w 3 liście rozwijanej (jeżeli nie zostały jeszcze wybrane dwie pierwsze opcje lista jest nie aktywna ---)

Jeżeli by ktoś miał chwilkę wymyślić coś takiego to byłbym bardzo wdzięczny (IMG:style_emoticons/default/smile.gif) )


Znalazłem coś taniego ale nie wiem jak pobrać dane z dwóch pul na raz po wyborze w drugim polu..
http://doman.art.pl/kursjs/kurs/jquery/jquery_ajax.html

[adrianozo]

Też kiedyś czegoś takiego potrzebowałem i jakoś wyskrobałem:

Kod

<select name="category" id="category">
        <option value="">Rodzaj:</option>
        <option value="1">Osłonki</option>
        <option value="2">Osłonki karo</option>
        <option value="3">Podstawki</option>
        <option value="4">Skrzynki</option>
        <option value="5">Podstawki pod skrzynkę</option>
        <option value="6">Muszelki</option>
        <option value="7">Donice</option>
        <option value="8">Donice Berta</option>
        <option value="9">Donice Kora</option>
        <option value="10">Podstawki Berta</option>
        <option value="11">Palmówki</option>
        <option value="12">Misy</option>
        <option value="13">Romby</option>
        <option value="14">Wkłady</option>
        <option value="15">Szpice</option>
        <option value="16">Gazony</option>
        <option value="17">Transparentne</option>
    </select>  
    <select name="sub_category" id="sub_category">
        <option value="">Produkt:</option>
    </select>
    <select name="sub_sub_category" id="sub_sub_category">
        <option value="">Kolor:</option>
    </select>

PHP:

[PHP] pobierz, plaintext 
<?php
$zap = mysql_query("SELECT * FROM tabela");
$json = array();
while($wiersz = mysql_fetch_array($zap))
{
	if($_POST['type'] == $wiersz['type'])
	{
		$json[] = array(
			'value' => ''.$wiersz['value'].'',
			'text' => ''.$wiersz['nazwa'].''
		);
	}
}
echo json_encode($json);
?>
[PHP] pobierz, plaintext