[Jquery] auto populate Opcje

[Konfucjusz]

witam serdecznie

mam problem z auto wypelnianiem select boxa w jquery (zasada : zaznaczenie select boxa kategorii powoduje, ze w drugim select boxie wyswietlaja sie podkategore zaznaczonej kategorii ).

Próbuje juz kilka godzin i nic.
Wydaje mi sie, ze to jakis glupi blad tylko nie moge go zauwazyc, zatem prosze jakies sokole oko i nie tylko o pomoc.

mam taki html

[HTML] pobierz, plaintext 
<form action="/index.php/firma/save" method="post" accept-charset="utf-8" enctype="multipart/form-data">
...
<label for="category">Category</label>
<select id="category" name="category">
<option value="1">eded</option>
<option value="2">wsws</option>
<option value="3">wsws</option>
<option value="4">wsws</option>
</select>
<label for="subcategory">Subcategory</label>
<select id="subcategory" name="category">
<option value="1">Subcategory</option>
</select></p>
 
...
 
</form>	
[HTML] pobierz, plaintext 

taki js

[HTML] pobierz, plaintext 
$(function(){
  $("select#category").change(function(){
    $.getJSON("http://localhost/index.php/firma/getJsonSubcategories",{id: $(this).val()}, function(json){
    	var options = '';
      for (var i = 0; i < json.length; i++) {
        options += '<option value="' + json[i].optionValue + '">' + json[i].optionDisplay + '</option>';
      }
      $("select#subcategory").html(options);
 
    });
  });
});
[HTML] pobierz, plaintext 

no i getJsonSubcategories (jest to metoda w kontrolerze a to sa dane testowe)

[PHP] pobierz, plaintext 
if ($_GET['id'] == 1) {
 echo <<<HERE_DOC
[ {optionValue: 0, optionDisplay: 'Mark'}, {optionValue:1, optionDisplay: 'Andy'}, {optionValue:2, optionDisplay: 'Richard'}]
HERE_DOC;
  ;
} else if ($_GET['id'] == 2) {
  echo <<<HERE_DOC
[{optionValue:10, optionDisplay: 'Remy'}, {optionValue:11, optionDisplay: 'Arif'}, {optionValue:12, optionDisplay: 'JC'}]
HERE_DOC;
} else if ($_GET['id'] == 3) {
  echo <<<HERE_DOC
[{optionValue:20, optionDisplay: 'Aidan'}, {optionValue:21, optionDisplay:'Russell'}]
HERE_DOC;
}
  }
[PHP] pobierz, plaintext 

i teraz jak klikam na kategorie w select boxie to wg firebuga leci żądanie (mam http://localhost/index.php/firma/getJsonSubcategories?id=3 200 OK)

ale nic sie nie dzieje tzn. testowe dane nie sa wgrywane do drugiego selectboxa.

Jquery oczywiście jest dolączone. myśl ze gdzieś mam jakis głupi błśd i dlatego nie chodzi

Pozdrawiam
konfucjusz

Ten post edytował Konfucjusz 11.06.2010, 14:45:17