2011-12-19 93 views
0

我試圖在我的網站上爲我們的客戶創建訂單。我想要做的是在下拉列表中列出客戶的產品,然後在下拉菜單的下拉菜單中選擇一個文本字段,然後點擊添加產品按鈕。我試圖做的是一旦他們點擊添加產品按鈕,它會將該對添加到數組,然後在下面的表中顯示其當前項目。我對如何做到這一點感到不知所措。我知道每次點擊時都可以刷新頁面以添加表格顯示的產品,但是如何將數組傳遞給自己?我看到了一些使用URLencoding與Coldfusion做這件事的方法,但是看到我們的客戶每次訂購時通常會有很多產品,這會造成太長的URL並可能導致問題。我也嘗試着用javascript來添加數組並重新顯示數組而不刷新,但是我找不到一個合適的方法來做這件事。創建網站訂單表

我的問題是這樣的:我正在以正確的方式去做這件事嗎?它可以使用JavaScript來完成,如果是的話如何?或者有更好的方法來做到這一點?

編輯: 我試過使用數據表,因爲它看起來像一個非常有前途的選項,但我無法得到它的工作。下面是代碼:

$(document).ready(function() { 
      $('#example').dataTable(); 
     }); 

function fnClickAddRow(dropdown,textfield) { 

    var myindex = dropdown.selectedIndex 
    var SelValue = dropdown.options[myindex].value 

    var textvalue = textfield.value 

    $('#example').dataTable().fnAddData([ 
     SelValue, 
     textvalue]); 
} 

然後,我有一個按鈕,調用函數的onClick作爲這樣一種形式:

input name="Continue" type="submit" value="Add Product" onClick="fnClickAddRow(ProductsDD,Qty);" 

這雖然不會工作。任何想法爲什麼?該表的定義如下:

table cellpadding="0" cellspacing="0" border="0" class="display" id="example" 

回答

1

使用jquery數據表。您可以動態添加行,而無需刷新頁面。使用fnAddData API。詳情:datatables.net/examples/api/add_row.html

+0

jqGrid也是一個不錯的選擇。 – 2011-12-19 18:27:16

+0

@Jake:我從來沒有使用它或可能是我愛上了數據表:) – xyz 2011-12-19 18:28:53