Здравствуйте.
Есть такой вот код:
<div style="width: 400px;">
<p>Выбираем цвет стола</p>
<table>
<tr>
<td><img src="/images/venge.jpg" class="material"></td>
<td><span>Венге</span></td>
<td><input type="text" name="quantity" value="" size="5"><input type="button" value="Заказать"></td>
</tr>
<tr>
<td><img src="/images/orekh.jpg" class="material"></td>
<td><span>Орех гварнери</span></td>
<td><input type="text" name="quantity" value="" size="5"><input type="button" value="Заказать"></td>
</tr>
<tr>
<td><img src="/images/klen.jpg" class="material"></td>
<td><span>Клен медисон</span></td>
<td><input type="text" name="quantity" value="" size="5"><input type="button" value="Заказать"></td>
</tr>
</table>
<div id="zayavka"></div><input type="button" value="Оформить заявку"><br>
<input type="checkbox" name="sborka"> <span style="font-size: 16px; font-weight: 400;">Сборка специалистом нашего интернет-магазина</span>
</div>
Как реализовать следующий функционал: Пользователь вводит количество товара, жмет заказать, опа - появилась строка с таким заказом снизу, пользователь выбрал еще другого товара столько-то штук, нажал заказать - опа еще строка добавилась. Принцип корзины товаров, только тут же на странице. Все добавляться должно в блок <div id="zayavka"></div>.
В итоге, пользователь жмет Оформить заказ и открывается окно с обратной связью, где нужно ввести имя телефон и адрес, а параметры заказа уже передались туда в фоне.