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

[deus7]

Właśnie nie wiem jak zmodyfikować skrypt żeby dobrał się do wartości w kategoria2

[HTML] pobierz, plaintext 
    <select class="kategoria1">
        <option value="0">Wybierz...</option>
        <option value="Rzeczownik">Rzeczownik</option>
        <option value="Czasownik">Czasownik</option>
        <option value="Przymiotnik">Przymiotnik</option>
    </select>
 
    <select class="kategoria2">
        <option value="0">Wybierz...</option>
        <option value="Pozytywny">Pozytywny</option>
        <option value="Neutralny">Neutralny</option>
        <option value="Negatywny">Negatywny</option>
    </select>
 
 
<select class="kategoria3" disabled="disabled">
    <option value="0">---</option>
</select>
[HTML] pobierz, plaintext 

zmieniłem trochę kod js dodając: var zmienna2 = $('.kategoria2').val();

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function() {
 $('.kategoria1').bind({
    'change' : function() {
        var wartosc = $(this).find('option:selected').val();   //pobieramy wartość wybranego selekta
        var zmienna2 = $('.kategoria2').val();
 
        if (wartosc!=0) { //jeżeli jest inna niż -1 (czyli jeżeli został wybrany model)
            $.ajax({
                type: "POST",
                url: "klasa-semantyczna.php",
                dataType : 'json',
                data: {
                    gender : wartosc
                },
                success : function(json) {
                    var $kategoria3 = $('.kategoria3');
                    $kategoria3.attr('disabled',false); //aktywujemy 2 selekt
                    $kategoria3.empty(); //czyscimy drugi selekt ze zdarzeń i optionów
 
                    for(i=0; i<json.length; i++) { //tworzymy optiony
                       $kategoria3.append('<option value="'+json[i]['value']+'">'+json[i]['imie']+'</option>');
                    }
 
                    //ustawiamy jako wybrany pierwszy option w selekcie 2
                    $kategoria3.find('option').eq(0).attr('selected','selected');
                },
                error: function() {
                    alert('wystąpił błąd :)');
                }
            })
        }
    }
});       
 
</script>
[HTML] pobierz, plaintext