Question

我有2个ajax调用，一个用于来自ID ID_2 Item_1 Item_2 Item_3 Item_4 Item_5 1 111 34623 42567 1 112 1254 45237 42913 28117 1 113 10312 8 222 27367 24714 8 223 30949 11 333 49529 12 444 29762 2743 21357 16256 18376 17 555 7877 10684 25281的下拉人口，另一个用于点击所选项目时必须从listplace.php提取详细信息但是我的问题是第二个ajax调用没有甚至触发变革事件。

即使我dataprod.php它不会从更改事件中显示。我希望我做的一个简单错误的bcoz。请帮忙!!

echo 'triggered'

dataprod.php

<select id="name">
  <option selected disabled>Please select</option>
</select>

<?php if (isset($_GET['place']) && $_GET['place'] != '') { ?>

    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script>
        $.ajax({
            type: "POST",
            data: {place: '<?= $_GET["place"] ?>'},
            url: 'listplace.php',
            dataType: 'json',
            success: function (json) {
                if (json.option.length) {
                    var $el = $("#name"); 
                    $el.empty(); // remove old options
                    for (var i = 0; i < json.option.length; i++) {
                        $el.append($('<option>',
                            {
                                value: json.option[i],
                                text: json.option[i]
                            }));
                    }
                }else {
                    alert('No data found!');
                }
            }
        });
    </script>


<script>
$("#name").on('change',function (e) { 
  var name1 = this.value;
  $.ajax ({
     data:{name1: name1},
     type: 'POST',
     url: 'dataprod.php',
     success: function (response) {
         console.log(response);
         $('.products-wrp').html('');
         $('.products-wrp').hide();
         $('.products-wrp').html(response);
         $('.products-wrp').show();            
     },
    });
</script>     
<?php } ?>

Answer 1

onChange事件中存在语法错误。最后遗漏了})。

试试这个：

$("#name").on('change',function (e) { 
    var name1 = this.value;
    $.ajax ({
        data:{name1: name1},
        type: 'POST',
        url: 'dataprod.php',
        success: function (response) {
            console.log(response);
            $('.products-wrp').html('');
            $('.products-wrp').hide();
            $('.products-wrp').html(response);
            $('.products-wrp').show();            
        },
    });
});

还将jquery库放在head部分中

Answer 2

在以下行中：

$(document.body).on('change',"#name",function (e) {

删除.body，最终得到$（文件）

第二个ajax调用不会触发

2 个答案: