javascript - 对于动态生成的字段，获取的数据不会改变

Question

我正在尝试从数据库中获取动态生成字段的记录。到这里一切都好。但是当我更改动态生成的产品时，它们相应的价格不会改变。

    <script>
    var members = <?php echo json_encode($itemId); ?>;
    $(document).ready(function(){
        var max_fields = 15;
        var wrapper = $(".more");
        var add_button = $(".add");
        var x = 1;
        $(add_button).click(function(e){
            e.preventDefault();
            if (x < max_fields){
                x++;
                $(wrapper).append('<div class="row"><div class="col-sm-3 mb-3"><select name="product[]" id="item'+x+'" class="form-control shadow-sm" required><option value="" selected disabled>Select product</option>'+members+'</select></div><span id="price'+x+'"></span><div class="col-sm-2 mb-3"><input type="number" name="quantity[]" class="form-control shadow-sm" placeholder="Quantity" required></div><div class="col-sm-3 mb-3"><button class="delete btn btn-danger shadow-sm">Delete Product</button></div></div>');
        
                $("select[name='product[]']").change(function(){
                    var item = $("#item"+x).val();
                    $.ajax({
                        url:"check.php",
                        method:"POST",
                        data:{product:item},
                        dataType:"Text",
                        success:function(html){
                            $("#price"+x).html(html);
                        }
                    })
                });
            }else{
                alert('You Reached the limits')
            }
        });
        $(wrapper).on("click", ".delete", function(e){
            e.preventDefault();
            $(this).parents('.row').remove();
            x--;
        });
    });
    </script>

标签： javascriptjquery