Javascript 为noob传递值

好的，我完全不懂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>

小柴拿铁$3.50

普通柴拿铁$4.00

大号柴拿铁4.50美元


冷冰冰的


生奶油

肉桂
豆浆数量：

---

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

---

祝你好运

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

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

柴茶

柠檬茶

---

如果同时选择这两种产品，

product=1,2

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

通常，您需要某种类型的服务器来处理您传递的参数，例如

chai

或

chaism

。似乎您正在使用

ASP

。我会开始研究如何将它们打印到页面上

---

如果您想要一个处理这些参数的纯Javascipt/JQuery，这里有一个我发现的，它可以让您按名称获取参数，然后您可以稍后填充值。

如果您刚刚开始，这可能有点紧张，但是Smashing Mag有一篇关于使用会话存储创建购物车的好文章

您可以在这里使用HTML5本地存储，这非常简单。该页面对此进行了很好的解释：

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

localStorage.setItem('bar',foo);

及

希望这有帮助

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