2013-01-16 52 views
0

我在頁面上有三個列表框。第一個可以填充五個不同的選項之一。第二個列表框將基於五個選項之一進行填充。第三個將基於第二個來填充。我有第一個工作正常,第二個和第三個有重大問題。這是目前調用和填充的代碼。第一個盒子被命名爲Doggie,第二個Kitty和第三個豬。 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

回答

0

更改$(document).change$(you kitty id list).change幾乎工作示例...

+0

嘗試過了,列表框仍然沒有填充。你需要看到mydoggie.php文件嗎?在mydoggie.php上有一個swith,然後在mykitty.php和mypig.php中進行切換。 –