2012-07-26 75 views
0

我想創建一個訂單,其中字段是產品訂單,其中一個按鈕,點擊時行添加

選擇客戶:[下拉菜單] 選擇產品:[下拉菜單]數量:[]單價:從數據庫中查詢時,產品選擇] TotalPrice:在產品選擇和更新時顯示量更新]

[添加產品按鈕] [提交按鈕] [重置]

所以我的問題:

  1. 添加行按鈕應該從選擇產品添加表單字段。每行都應該有一個唯一的ID,因爲它們在數據庫中是不同的行。任何幫助是極大的讚賞。

  2. 我如何觸發unitprice和totalprice。

回答

0

這似乎是所有的客戶端請求,所以我建議你使用jQuery來解決你的問題。我在示例中使用的所有函數都可以在該站點上找到,並且在stackoverflow中有很多示例來解決所有疑問。 我們的問題:

1. 我並沒有真正得到你想要的東西,但你應該簡單地使用點擊事件產生的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調用,使用$('product').change(function(){});觸發事件並通過ajax檢索結果。只要您填充了該字段,就可以使用簡單的jquery/javascript函數根據數量字段計算總價格:

$('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); 
}) 
相關問題