Question

好的我是html和编程的完整菜鸟。我正在开发一个项目，允许用户在屏幕上选择不同的项目。选择这些后，我有一个“添加到购物车”按钮。单击此按钮时，我希望将所有数据传递到单独的页面，以便用户可以在提交之前查看其选择并进行确认。这是我到目前为止的代码并做了很多研究，无法弄清楚html是否可以使用html代码或javascript将其传递给另一个页面。任何帮助将不胜感激。谢谢。

<input type="submit" value="Add to Cart" /></a></p>
<form action="demo_form.asp">
<p>
    <input name="chaism" type="checkbox" value="3.50" /><strong>Small Chai Latte&nbsp;$3.50<br />
    <input name="chaimed" type="checkbox" value="4.0" />Regular Chai Latte $4.00<br />
    <input name="chailrg" type="checkbox" value="4.50" />Large Chai Latte $4.50</strong></p>
<p>
    <select name="Favorite_Color" size="1"> <option selected="selected">Iced </option><option>Cold </option><option>Hot </option></select></p>
<p>
    <input name="chai" type="checkbox" value="3.50" /><strong>Whipped Cream<br />
    <input name="chai" type="checkbox" value="4.0" />Cinnamon<br />
    <input name="chai" type="checkbox" value="4.50" />Soy Milk&nbsp;&nbsp;&nbsp;&nbsp;</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong>Quantity</strong>: <input max="100" min="1" name="quantity" size="7" style="width: 67px; height: 27px;" type="number" /></p>

Answer 1

您需要了解服务器端编程，根据您的表单看起来您使用的是asp.net。以下是开始学习asp.net的几个地方

http://www.w3schools.com/asp/

http://www.asp.net/mvc/tutorials

祝你好运！

Answer 2

我建议的方法是让所有复选框都具有相同的名称，并使其值代表产品的独特之处。

<input type="checkbox" name="product" value="1"> Chai tea<br />
<input type="checkbox" name="product" value="2"> Lemon tea<br />

如果您同时选择这两种产品，则会在POST数据中传递product=1,2。然后由您来循环选定的产品，并输出每个产品。（该过程完全取决于您的服务器端代码）。

Answer 3

通常，您需要某种服务器来处理您传递的参数，例如chai或chaism。您似乎正在使用ASP。我会开始查看如何capture GET parameters并将它们打印到页面上。

如果你想要一个纯粹的Javascipt / JQuery来处理这些参数，这里有一个related question我发现它可以让你按名称获取参数，然后你可以在以后填写值。

Answer 4

如果刚刚开始，这可能会有点激烈，但Smashing Mag有一篇关于使用会话存储创建购物车的好文章。 http://coding.smashingmagazine.com/2014/02/13/create-client-side-shopping-cart/

你可以在这里使用HTML5本地存储，它非常简单。该页面解释得非常好：http://diveintohtml5.info/storage.html

基本上，您可以在一个页面上创建变量，然后使用以下命令在任何其他页面上创建变量：

localStorage.setItem('bar',foo);

和

localStorage.getItem('bar'); // returns foo

希望这有帮助。

传递Noobs值

4 个答案: