html-дизайн формы страницы покупок - PullRequest
Новая
       4

html-дизайн формы страницы покупок

0 голосов
/ 14 сентября 2011

при разработке шаблона для представления корзины покупок я использовал цикл для создания списка элементов в корзине, которые будут отображаться. Я также хочу предоставить кнопки удаления, чтобы пользователь мог удалить каждый элемент из корзины. HTMLполучилось так:

здесь, в приведенном ниже html-коде, в / books / removefromcart / 91, 91 - это идентификатор корзины покупок.Cartitemid представляет идентификатор элемента.

Это плохой стиль для создания одной формы для каждого элемента списка? Каков правильный путь?

<form action="/books/removefromcart/91" method="POST" > 
  <li>1. mastering java  1 copies 
<input type="hidden" name="cartitemId" value="94"/> 
<input type="submit" value="remove"/>              
</li>                   
</form>

<form action="/books/removefromcart/91" method="POST" > 
<li>2. mastering python 2 copies 
<input type="hidden" name="cartitemId" value="93"/> 
<input type="submit" value="remove"/>              
</li>                   
</form>

<form action="/books/removefromcart/91" method="POST" > 
<li>3. mastering ruby 1 copies 
<input type="hidden" name="cartitemId" value="92"/> 
 <input type="submit" value="remove"/>             
 </li>                  
</form>
..
<!--a form for adding item to cart -->
<form action="/books/addtocart/43" method="POST">
  <label for="quantity">Number of Copies:</label>               
<select id="quantity" name="quantity"> 
<option selected="" value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option>
...
</select>
<input type="hidden" name="cartId" value="91"/> 
<input type="submit" value="AddToCart" />  
</form>

1 Ответ

0 голосов
/ 14 сентября 2011

Для каждой кнопки обновления / удаления вызовите одну функцию javascript и передайте значение этого продукта этой функции ... и затем вы сможете обработать ее ...

например: --- 

<input type="button" OnSubmit="remove('91');" value="Remove" />


function remove(id)
{

    $.ajax({
                                url: 'yourpage.aspx,
                                type: 'POST',
                                data: 'prodid='+id,
                                success: function(response) {
                                    /*your code for success goes here */
                                }
                            });
}
...