Php 根据所选产品自动填充价格

我有一张有数量、产品和价格的表格

<form action="" method="POST">
Quantity: <input type="text" name="quantity" id="quantity">
Products: <select name="product" id="product"><option value="1">Product 1</option><option value="2">Product 2</option></select>
Price: <input type="text" name="price" id="price">
<input type="submit" value="submit">
</form>

数量：
产品：产品1产品2
价格：

我想从数据库中自动填充所选产品的价格。我试着保持警惕

<script type="text/javascript">
$(document).ready(function() {
    $(function() {
        $( "#product" ).autocomplete({
            source: function(request, response) {
                $.ajax({ url: "<?php echo site_url('sales/price'); ?>",
                data: { term: $("#product").val()},
                type: "POST",
                success: function(data){
                    alert(data);
                }
            });
        },
        minLength: 1
        });
    });
});
</script>

$（文档）.ready（函数（）{
$（函数（）{
$（“#产品”）。自动完成({
来源：功能（请求、响应）{
$.ajax（{url:“”，
数据：{术语：$（“#产品”）.val（）}，
类型：“POST”，
成功：功能（数据）{
警报（数据）；
}
});
},
最小长度：1
});
});
});

sales/price页面正在返回产品id的价格（90.00或80.00）。我试图将所选产品值作为post传递，并返回结果以设置价格值。任何帮助都将不胜感激

<script type="text/javascript">
$(document).ready(function() {
    $("#product").change(function(){
        $.ajax({ 
            url: "<?php echo site_url('sales/price'); ?>",
            data: { product_id: $(this).val() },
            type: "POST",
            success: function(data){
                $('#price').val( data );
            }
        });
    })
});
</script>

$（文档）.ready（函数（）{
$（“#产品”）。更改（功能（）{
$.ajax（{
url:“”，
数据：{product_id:$（this.val（）}，
类型：“POST”，
成功：功能（数据）{
$（'价格'）.val（数据）；
}
});
})
});

---

请尝试使用此代码。

不确定您的确切问题是什么，但您的

select

元素具有id

product

，而您的jQuery代码选择id

product1

。很抱歉，此处输入错误，谢谢。但还是一样。请指导我如何检查ajax是否调用页面和获取数据？您是否使用了firebug插件？在console选项卡中，您可以看到ajax调用及其答案。