使用jQuery ajax json,php将项目填充到Select中

simple code to populate items into a Select using jQuery ajax json, php on first menu change it must make ajax call to fruit-varities.php to get a json array and create the second menu main page

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

and here is fruit-varities.php

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

);
}
echo json_encode(item);
?>

this is doesn't work at it all don't know why ? everything seems to be fine for me but i don't know what is the problem

duanji9378
duanji9378 使用浏览器控制台...将看到多个错误..idc未定义,您的响应中没有对象值。
8 年多之前 回复
doupijin0397
doupijin0397 我有一辆RedDeliciousBMW;p
8 年多之前 回复

1个回答



您的页面中没有“ idc </ code>”变量,但您将其用作Ajax 请求参数的值。 它不符合'idcategory'</ code>参数应具有的值(通过分析您的php脚本),因此您可以用替换 {'idcategory':idc} </ code> {'idcategory':''} </ code>。</ p>
</ div>

展开原文

原文

You don't have "idc" variable in your page, but you are using it as an Ajax request parameter's value. It does not metter, what value 'idcategory' parameter should have (by analyzing your php script), so you could replace {'idcategory' : idc } with {'idcategory' : ''}.

duansanzi5265
duansanzi5265 我这样做但它没有填充任何数据系列选择菜单仍然没有数据
8 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐