php - 单击按钮时添加行的产品订单表单

Question

我想创建一个订单表格，其中的字段是

选择客户：[下拉菜单] 选择产品：[下拉菜单] 数量：[] 单价：[选择产品时从数据库查询] TotalPrice：[选择产品时显示，更新数量时显示]

[添加产品按钮] [提交按钮] [重置]

所以我的问题：

1. 添加行按钮应从选择产品中添加表单字段。这一行中的每一行都应该有一个唯一的 id，因为它们是数据库中的不同行。任何帮助是极大的赞赏。

2. 我如何触发单价和总价。

Answer 1

这似乎都是客户端请求，所以我建议您使用jQuery来解决您的问题。我将在示例中使用的所有功能都可以在该站点上找到，并且在 stackoverflow 上有很多示例可以解决您的所有疑问。现在的问题：

1. 我并没有真正得到你想要的，但你应该简单地使用 click 事件在 addRow 按钮上生成一个事件：

$('AddRow').click(function(e){
e.preventDefault(); //this avoid the default button action (submit/send)
var last_id = $('row').last().attr('id'); //retrieve the id of the last added row you probably will have to strip/transform it since id shouldn't be only number
$('row').last().append('insert here html with form fields of the new row with the (last_id+1)');
});

2. 要检索 UnitPrice，您应该使用ajax调用，使用 an$('product').change(function(){});触发事件并通过 ajax 检索结果。填充该字段后，您可以使用简单的 jquery/javascript 函数根据 Quantity 字段动态计算总价格：

$('Quantity').change(function(){
     //add here control to check if fields are empty/wrongly set
    var UnitPrice = parseFloat($('UnitPrice').val());
    var Quantity = parseInt($('Quantity').val());
    $('TotalPrice').val(UnitPrice*Quantity);
})