为新手传递价值答案

【问题标题】：Passing Values for Noobs为新手传递价值
【发布时间】：2014-02-27 17:34:59
【问题描述】：

好吧，我完全是 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>

【问题讨论】：

标签： javascript html

【解决方案1】：

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

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

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

祝你好运！

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

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

如果你想要一个纯 Javascipt/JQuery 来处理这些参数，我找到了一个 related question，它可以让你按名称获取参数，然后你可以稍后填写值。

【讨论】：

【解决方案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

希望这会有所帮助。

【讨论】：