创建网站订单

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