根据Jquery Ajax返回的值填充第二个下拉列表

时间:2015-12-22 06:31:16

标签: php jquery json ajax drop-down-menu

我废弃了此代码以检查该机制是否有效。实际上,我需要实现的目标是填充一个城市下拉列表"根据"州和#34;的选择落下。 HTML代码如下。

     <select id="id"></select>
     <select id="state"></select>
     <select id="city"></select>

Ajax调用如下。

$(document).on("change", '#state', function(e) {
            var state = $(this).val();


        $.ajax({
            type: "POST",
            data: {state: state},
            url: 'get_name_list.php',
            dataType: 'json',
            success: function(json) {

                var $el = $("#city");
                $el.empty(); // remove old options
                $el.append($("<option></option>")
                        .attr("value", '').text('Please Select'));
                $.each(json, function(value, key) {
                    $el.append($("<option></option>")
                            .attr("value", value).text(key));
                });                                                     




            }
        });

    });

PHP代码将值列表编码为具有以下结构的JSON。

作为测试,我将JSON插入到数据库表中,直到这一点为止。所以这不是一个理论过程。它一直有效,直到代码中的这一点。

JSON结构如下。

[{"name":"Alappuzha"},{"name":"Ernakulam"},{"name":"Idukki"},{"name":"Kannur"},{"name":"Kasaragod"},{"name":"Kollam"},{"name":"Kottayam"},{"name":"Kozhikode"},{"name":"Malappuram"},{"name":"Palakkad"},{"name":"Pathanamthitta"},{"name":"Thiruvananthapuram"},{"name":"Thrissur"},{"name":"Wayanad"}]

然后我回应JSON。

但是第一页的下拉菜单没有填充。 PHP文件如下。

$json= array();
$id=$_POST["id"];
//echo  $sample;

 //mysqli_query($mysqli,"INSERT into test_tablr values('','$id')") or die(mysqli_error($mysqli)); 


if ($result = $mysqli->query("SELECT name FROM geo_locations  WHERE parent_id =$id ")) {

    while ($row = mysqli_fetch_assoc($result)) {
            $json1[] = $row;
    }
    $json=json_encode($json1);
}


mysqli_query($mysqli,"INSERT into test_tablr values('','$json')") or die(mysqli_error($mysqli)); 
echo $json;

但不幸的是,下拉列表没有填充。有灯吗?

1 个答案:

答案 0 :(得分:3)

在jQuery中试试这个:

product *= number.charAt(i + j) - '0';