0

使用 jQuery ajax json 将项目填充到 Select 中的简单代码，第一个菜单上的 php 更改它必须对 fruit-varities.php 进行 ajax 调用以获取 json 数组并创建第二个菜单主页

    <!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>

这是fruit-varities.php

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

);
}
echo json_encode(item);
?>

这根本不起作用不知道为什么？对我来说一切似乎都很好，但我不知道是什么问题

4

1 回答 1

0

您的页面中没有“ idc”变量，但您将其用作 Ajax 请求参数的值。它不关心，'idcategory'应该有什么值参数（通过分析你的 php 脚本），所以你可以{'idcategory' : idc }用{'idcategory' : ''}.

于 2012-04-14T22:06:16.787 回答