Форма заказа PHP с живым подсчетом и перечислением выбранных товаров до отправки

Question

Что у меня есть:

У меня есть обычная PHP-форма, размещая ее значения на другой странице для обработки. Это меню заказов (например, меню пиццы для вынос). Каждое поле представляет собой текстовое поле, которое позволяет вводить количество каждого элемента меню.

Что мне нужно:

Перед представлена ​​форма, мне нужно:

1. выбранные элементы (т.е. формы ввода) для заполнения на странице в виде списка на вещественнозначных временная база.
2. Общая стоимость, рассчитываемая под указанным перечнем , в режиме реального времени.

То, что я нашел:

Я наткнулся на решение CSS, но он выполняет только мое второе требование т.е. он генерирует общее, но не список выбранных элементов.

http://css-tricks.com/examples/DynamicOrderForm/

Мой вопрос:

Может кто-нибудь дать ссылку на бесплатное решение (скрипт, учебник и т.д.), что позволяет мне динамически отображать формы ввода перед отправкой формы?

Answer 1

Вот краткий пример:

Javascript

function calc() { 
    var total = document.getElementById('q1').value + document.getElementById('q2').value; 
    document.getElememntById('total').value = total; 
} 

Форма Количество Поля ввода

<input type="text" name="q1" id="q1" onChange="calc()"> 
<input type="text" name="q2" id="q2" onChange="calc()"> 

Форма Итого Полевая

<input type="text" name="total" id="total"> 

Это действительно грубо и не имеет проверки ввода (очень важно), но дает вам представление, с чего начать.

Люк