创建网站订单表

Question

我试图在我的网站上为我们的客户创建订单。我想要做的是在下拉列表中列出客户的产品，然后在下拉菜单的下拉菜单中选择一个文本字段，然后点击添加产品按钮。我试图做的是一旦他们点击添加产品按钮，它会将该对添加到数组，然后在下面的表中显示其当前项目。我对如何做到这一点感到不知所措。我知道每次点击时都可以刷新页面以添加表格显示的产品，但是如何将数组传递给自己？我看到了一些使用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" 

Answer 1

使用jquery数据表。您可以动态添加行，而无需刷新页面。使用fnAddData API。详情：datatables.net/examples/api/add_row.html