Question

伙计们，我在Jquery和Json尝试中是一个新手，我正在尝试使用Jquery创建一个从属选项列表，但是它不起作用。期待您的帮助。这是我的HTML代码。

<div class="form-group">
    <label for="categoriesId">
        Categories</label>
    <select class="form-control" id="categoriesId" name="categoriesId">
        <option selcted="">Select
            Categories</option>
        <?php                   
            getCat();
        ?>
    </select>
</div>

和我的fetchProductDta.php页面代码在这里

<?php   
    require_once 'db_connect.php';
    if(isset($_POST['cid'])){
        $sql = "SELECT product_id, product_name 
             FROM product WHERE categories_id = '". $cid 
             ."'";
        $result = $connect->query($sql);
        while($product = $productData->fetch_array()) {                                     
             echo "<option value='".$product['product_id']."'> 
                 ".$product['product_name']."</option>";
       }  
    }
?>

我的Jquery代码在这里

$(document).ready(function () {
    $("#categoriesId").change(function () {
        var cid = $("#categoriesId").val();
        $.ajax({
            url: 'fetchProductData.php',
            method: 'POST',
            data: 'cid' + cid
                .done(function (product) {
                    console.log(product);
                    product = json.parse(product);
                    product.forEach(function (products) {
                        $('#product').appned();
                    });
                });
        });

Answer 1

在您的jquery中，您遇到了错误，首先您要像 Nigel Ren 所说的那样从服务器上获取html response。因此，无需使用{{1 }}。此外，我在您的html代码中没有找到任何名称为json.parse的id。并且jquery中没有product函数。因此，请对您的代码进行以下更改以使其起作用。

appned

依赖下拉Jquery选项列表JSON错误

1 个答案: