Question

我正在尝试在我的网站上为我们的客户创建订单。我想要做的是在下拉列表中列出客户的产品，然后在下拉列表旁边有一个文本字段，然后是添加产品按钮。我想要做的是，一旦他们点击添加产品按钮，它会将该对添加到一个数组，然后在下表中显示他们当前的项目。我不知道该怎么做。我知道每次点击为表格显示添加产品时我都可以刷新页面但是如何将数组传递给自己？我看到有几种方法可以使用URLencoding对Coldfusion进行此操作，但看到我们的客户通常每个订单有多个产品，这会产生太长的网址并可能导致问题。我也尝试过使用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

创建网站订单

1 个答案: