创建网站订购表单

Question

我正试着在我的网站上为我们的客户创建一个订单。我尝试做的是在下拉列表中列出客户的产品，然后在qty下拉列表旁边有一个文本字段，后面跟着一个add product按钮。我正在尝试做的是，一旦他们点击添加产品按钮，它将添加对数组，然后在下面的表格中显示他们的当前项目。我不知所措，不知该怎么做。我知道每次他们单击为表格显示添加产品时，我都可以刷新页面，但是我如何将数组传递给它自己呢？我看到使用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接口。详情: datatables.net/examples/api/add_row.html