填充項目到一個選擇使用jQuery ajax json，php

簡單的代碼來填充項目到一個選擇使用jQuery ajax json，第一個菜單上的php 改變它必須使ajax調用fruit-varities.php來獲得一個json數組和創建第二個菜單主頁填充項目到一個選擇使用jQuery ajax json，php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html> 
    <head> 
    <title>Load JSON data with jQuery, PHP and MySQL</title> 
    <link rel="stylesheet" type="text/css" href="/css/main.min.css?1319445416" /> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     $('#mark').change(function() { 
      $.get("fruit-varities.php", 
       {'idcategory' : idc }, 
       function(data){ 
        var select = $('#series').empty(); 
        $.each(data.values, function(i,item) { 
         select.append('<option value="' 
              + item.fruit_id 
              + '">' 
              + item.name 
              + '</option>'); 
        }); 
       }, "json"); 
    }); 
    }); 
</script> 
    </head> 
    <body> 
    <form> 
    <select id="mark"> 
     <option value="">--</option> 
     <option value="bmw">BMW</option> 
     <option value="audi">Audi</option> 
    </select> 
    <select id="series"> 
    </select> 
    <div id="view"> 
    </div> 
    </form> 
    </body></html>

，這裏是水果varities.php

<?php 
if(isset($_GET['idcategory'])){ 
$item = Array(
    Array 
     (
      "fruit_id" => "1", 
      "name" => "Apple", 
      "variety" => "Red Delicious" 
     ) 

); 
} 
echo json_encode(item); 
?>

這是在這一切不工作，不知道爲什麼？一切似乎都適合我，但我不知道是什麼問題

來源

2012-04-14 Marco

我有一個紅色的寶馬; p – 2012-04-14 21:47:40

使用瀏覽器控制檯...會看到多個錯誤..'idc'是未定義的，在響應中沒有對象'values'。 – charlietfl 2012-04-14 23:26:00

您的頁面中沒有「idc」變量，但是您將它用作Ajax請求參數的值。它不會改變，'idcategory'參數應該有什麼值（通過分析你的php腳本），所以你可以用{'idcategory' : ''}替換{'idcategory' : idc }。

來源

2012-04-14 22:06:16 Engineer

我做到了，但它沒有填充任何數據系列選擇菜單中仍然沒有數據 – Marco 2012-04-14 22:20:29

填充項目到一個選擇使用jQuery ajax json，php

回答

相關問題