Question

我在一个页面上有三个列表框。第一个可以填充五个不同选项之一。第二个列表框将根据五个中的一个选择来填充。第三个将基于第二个填充。我有第一个正常工作，第二个和第三个有重大问题。这是迄今为止调用和填充的代码。第一个盒子名叫Doggie，第二个盒子叫Kitty和第三个Pig。 mydoggie.php有一个嵌套开关。 case，然后输入。

 $(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 ...

相关下拉列表

1 个答案: