php - 从属下拉列表

Question

我在一个页面上有三个列表框。第一个可以填充五个不同选项之一。第二个列表框将根据五个列表框之一的选择进行填充。第三个将基于第二个填充。我的第一个工作正常，第二个和第三个有重大问题。这是到目前为止调用和填充的代码。第一个盒子命名为 Doggie，第二个为 Kitty，第三个为 Pig。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...