[PHP][JS][HTML] fitrowanie przy pomocy jQuery i echo na następnej stronie Opcje

[aetryu]

Cześć, jestem totalnie zielony i nie wiem czy zabieram sie do tego w odpowiedni sposób.
W formularzu mam dwie <select> listy (FirstStage i SecondStage). W każdej z nich są różne wartości, ale należą one, do dwóch kategorii (A i B, zarówno w jednej i drugiej liście są wartości z kat. A i B)
Chcę, aby po wybraniu jednej z wartości w FirstStage (przykładowo wybieram value-A-1), w SecondStage pokazały się tylko wartości z danej kategorii (w tym przypadku kategoria A -> wartości np. value-A-1-1, value-A-2-1, itd)
Po wybraniu przez użytkownika wartości z SecondStage i kliknięciu 'submit', chcę je wyświetlić na innej stronie i dodać do bazy danych. Wszystko działa jak wyłącze filtrowanie jQuery, natomiast potencjalny odwiedzający wybierajac wartość z grupy A nadal może wybrać wartość z grupy B. A tak być nie może ;p Z kolei jak włączę skrypt, poprawnie mi filtruje w formularzu, ale wartości z filtrowanej listy nie są przesyłane, nie mogę dodać ich do bazy danych i poprzez echo nie mogę ich wywołać. Jak temu zaradzic? Mam wrażenie, ze muszę to ugryźć z zupełnie innej strony, ale po wertowaniu googla, sam nie umiem do tego dojść

na JS Bin można zobaczyć działanie skryptu JS.
Zamieszczę jeszcze swój kod:

formularz.php

[HTML] pobierz, plaintext 
<form action="verify.php" name="form" id="form" method="post">
 <select id="FirstStage" name="FirstStage">
   <option value=""></option>
   <option value="value-A-1" id="A"> value-A-1</option>
   <option value="value-A-2" id="A"> value-A-2</option>
   <option value="value-A-3" id="A"> value-A-3</option>
   <option value="value-B-1" id="B"> value-B-1</option>
   <option value="value-B-2" id="B"> value-B-2</option>
   <option value="value-B-3" id="B"> value-B-3</option>
 </select>
 
 <select id="SecondStage" name="SecondStage">
  <option value="0"></option>
  <option value="z"></option>
  <option value="value-A-aaa" >value-A-aaa</option>
  <option value="value-A-bbb" >value-A-bbb</option>
  <option value="value-A-ccc" >value-A-ccc</option>
  <option value="value-A-ddd" >value-A-ddd</option>
  <option value="value-A-eee" >value-A-eee</option>
  <option value="value-B-xxx" >value-B-xxx</option>
  <option value="value-B-yyy" >value-B-yyy</option>
  <option value="value-B-zzz" >value-B-zzz</option>
 </select>
 
<input type="submit" name="sendform" id="submit" value="Send a form">
[HTML] pobierz, plaintext 

verify.php

[PHP] pobierz, plaintext 
<? mysql_query("INSERT INTO form ('FirstStage','SecondStage')"); ?>
   <? echo $_POST['FirstStage']?>
   <? echo $_POST['SecondStage']?>
[PHP] pobierz, plaintext 

JS

[HTML] pobierz, plaintext 
jQuery.fn.filterOn = function(selection, values) {
        return this.each(function() {
            var select = this;
            var options = [];
            $(select).find('option').each(function() {
                options.push({value: $(this).val(), text: $(this).text()});
            });
            $(select).data('options', options);
            $(selection).change(function(){
        $(selection + " option:selected").each(function(){
          var options = $(select).empty().data('options');
          var haystack = values[$(this).attr('id')];    
          $.each(options, function(i){
            var option = options[i];
            if($.inArray(option.value, haystack) !== -1) {
                        $(select).append(
                        $('<option>').text(option.text).val(option.value)
                        );
                    }
          });
        });
      });
        });
    };
 
 
$(document).ready(function(){
  $(function() {
        $('#SecondStage').filterOn('#FirstStage', {
            'A': ['value-A-aaa','value-A-bbb','value-ccc','value-A-ddd','value-A-eee','z'],
          'B': ['value-B-xxx','value-B-yyy','value-B-zzz','0']   
 
        });
      return true;
  });
  });
[HTML] pobierz, plaintext 

Edit:
heh, doszedłem juz do tego, że winowajcą jest "var options = $(select).empty().data('options');". Super, tylko teraz jak to zmodyfikować, żeby dalej mi filtrowało ;/

Ten post edytował aetryu 11.09.2014, 03:53:40