php - 依存ドロップダウン リスト

Question

ページに 3 つのリストボックスがあります。最初のものには、5 つの異なるオプションのいずれかを入力できます。2 番目のリストボックスは、5 つのうちの 1 つの選択に基づいて入力されます。3 番目は 2 番目に基づいて設定されます。最初のものは問題なく動作していますが、2 番目と 3 番目には大きな問題があります。これまでに呼び出して入力するコードは次のとおりです。最初のボックスはドギー、2 番目はキティ、3 番目はブタという名前です。mydoggie.php にはネストされたスイッチがあります。大文字と小文字を区別して入力します。

 $(document).ready(function() {
    $("input:image").click(function(evt) {
        evt.preventDefault();
        display("Doggie", $(this).val());
        })


    $("Doggie").change(function(){
              display("Kitty", $(Doggie).val());
        })

        $("Kitty").change(function(){
              display("Pig", $(Kitty).val());
        });
  });

function display(what, type) {
    $.getJSON("mydoggie.php?ajax=true", { "case": what, "type" : type}, function(data) {
        $("#"+_type_).empty();
        $.each(data, function(index, objRecord) {
            $("#"+_type_).append('<option value="' + objRecord.ID + '">' + objRecord.Name + '</option>');
        });
    });
}

「www.menuhead.net/index.php で、私が持っているもののほぼ動作する例を見ることができます。

Answer 1

$(document).changeを$(you kitty id list).change...に変更します。