Я пытаюсь создать форму заказа на моем сайте для наших клиентов. То, что я пытаюсь сделать, - это перечислить продукты клиентов в раскрывающемся списке, а затем рядом с раскрывающимся списком текстового поля для кол-во, а затем добавить кнопку добавления товара. Я пытаюсь сделать, как только они нажмут кнопку «Добавить продукт», она добавит пару в массив и отобразит их текущие элементы в таблице ниже. Я в растерянности относительно того, как это сделать. Я знаю, что могу обновлять страницу каждый раз, когда они нажимают, чтобы добавить продукт для отображения таблицы, но как мне передать массив себе? Я видел несколько способов сделать это с Coldfusion, используя URLencoding, но, видя, что у наших клиентов обычно МНОГИЕ продукты на заказ, это создаст слишком длинный URL-адрес и может вызвать проблемы. Я также попытался изучить использование javascript для добавления в массив и повторного отображения массива без обновления, но не смог найти подходящий способ сделать это.
Мой вопрос таков: правильно ли я поступаю? Можно ли это сделать с помощью JavaScript, и если да, то как? Или есть лучший способ сделать это?
EDIT:
Я попытался использовать datatables, поскольку это выглядело как очень многообещающий вариант, но я не могу заставить его работать. Вот код:
$(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"