如何创建一个javascript函数来记住用户输入，然后显示摘要
我创建了一个表单，在页面上提交表单后显示用户输入。我需要添加一个功能，它将记住以前的输入并显示在同一页上。 我使用document.write输出表单结果，它可以工作，但我无法确定如何显示所有输入的摘要。例如：yu输入订单详细信息，然后单击“sumbit”。它显示输入值。然后返回并输入新数据，然后单击“提交”，它将显示新数据。比如说，在用不同的值填写表单5次后，我需要一个函数来显示输入的所有5个订单的总值，例如交易的总值……也许是一个能记住以前输入的数组 我的HTML：如何创建一个javascript函数来记住用户输入，然后显示摘要,javascript,Javascript,我创建了一个表单，在页面上提交表单后显示用户输入。我需要添加一个功能，它将记住以前的输入并显示在同一页上。 我使用document.write输出表单结果，它可以工作，但我无法确定如何显示所有输入的摘要。例如：yu输入订单详细信息，然后单击“sumbit”。它显示输入值。然后返回并输入新数据，然后单击“提交”，它将显示新数据。比如说，在用不同的值填写表单5次后，我需要一个函数来显示输入的所有5个订单的总值，例如交易的总值……也许是一个能记住以前输入的数组 我的HTML： <!DOCTYPE
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=UTF-8">
<!--script area-->
<link rel="stylesheet" type="text/CSS" href="formstyle.css">
<script src="millends.js"></script>
<title>
Mill-Ends Order</title>
</head>
<body>
<!--start form-->
<form method="post">
<fieldset>
<h1 class="data_entry">Tickets Order</h1>
<ul>
<li>
<label for="first_name">Customer Name:</label>
<input type="text" id="customer_name" name="customer_name" placeholder="first name and family name" class="medium"/></br>
</li>
<li>
<label for="phone">Phone:</label>
<input type="tel" id="phone" name="phone" required class="telephone"></br></br>
<li>
<label for="number_of_tickets">Number of tickets:</label>
<input type="number" id="number_of_tickets" name="number_of_tickets" required class="small"/>
</li>
<h3 class"address">Delivery Address</h3>
<li>
<label for="street_name">Street:</label>
<input type="text" id="street_name" name="street_name" required placeholder="e.g. 111 Smith St" class="large"/>
</li>
<li><label for="city">City:</label>
<input type="text" id="city" name="city" class="medium"/>
</li>
<li><label for="state">State:(e.g.VIC)</label>
<input type="text" id="state" name="state" required placeholder="XXX" maxlength="3" size="3" class="three" />
</li>
<li>
<label for="post_code">Postcode:</label>
<input type="text" id="post_code" name="post_code" required placeholder="XXXX" maxlength="4" class="four"/>
</li>
<li>
<label for="distance">Distance from Depot(in kms)</label>
<input type="number" id="distance" name="distance" required class="howfar"/><br><br>
</li>
<button class="reset" type="reset" id="clear">Clear Form</button><br><br>
<button onclick="go()">Create Order</button><br><br>
<button onclick="summary()">Daily Sales Summary</button>
</form>
</body>
</script>
</html>
这是一个简单的任务，基本上我们需要一个按钮
，当我们单击它输出一些输出元素中的表单元素时，我将使用div
。要在JavaScript中获取元素，我们可以为元素分配id
，并执行以下操作：document.getElementById（“elementIdName”）
，以检索这些值。从那里我们可以使用onclick
，当我们单击一个元素时，它将被激活，value
用于检索输入值，innerHTML
用于将HTML分配给某个元素。下面是一个获取单个输入元素的简单示例，我们称之为name
。并输出：您的名字是'nameHere'
：
为了存储所有输入，我们使用一个数组
，每次提交数据时，我们都希望push（）
当前值输入全局数组。我将把它称为allNames
HTML
<label>Enter Name:</label><input type="text" id="name" />
<button id="submit">Submit</button>
<button id="showAll">Show All</button>
<div id="output"></div>
这里有一个小提琴的例子：问题是什么？请阅读常见问题解答，了解如何组合一个适当的问题以及应做和不应做的事情代码中哪些部分似乎无法解决。如果你是写这段代码的人，那么你就知道它会在哪一部分崩溃！对不起，我是这个网站的新手，所以请放轻松：）我只需要一个函数，将用户输入值存储在某个位置（可能是一个数组），并根据请求显示到目前为止所有输入的摘要。我需要添加一个函数，而不是修复代码。该函数将记住用户输入，以便我可以显示每日摘要。我已经创建了一个每日销售摘要按钮，但它不是脚本Hi Spencer，非常感谢您的回复。我使用document.write输出表单结果，它可以工作，但我无法确定如何显示所有输入的摘要。例如：yu输入订单详细信息，然后单击“sumbit”。它显示输入值。然后返回并输入新数据，然后单击“提交”，它将显示新数据。比如说，在用不同的值填写表单5次后，我需要一个函数，该函数将显示输入的所有5个订单的总值，例如交易的总值……也许是一个数组，可以重新记录以前的输入？是的，我们可以这样做，给我几分钟时间编辑我的答案。我们可以从一个空数组开始，每次提交都调用push（）
。再次非常感谢你，尤其是你没有像其他人一样否决我的问题：）好的，我已经更新了我的答案。没问题，很多人对新来者往往有点苛刻。但不要责怪他们，这些规则是严格的，有充分的理由。谢谢斯宾塞，你是冠军！我不能投你的票，因为我的名声现在很差（这只是在一个问题之后）。非常感谢，祝你有美好的一天！
<label>Enter Name:</label><input type="text" id="name" />
<button id="submit">Submit</button>
<button id="showAll">Show All</button>
<div id="output"></div>
var allNames = [];
document.getElementById("submit").onclick = function()
{
var name = document.getElementById("name").value;
document.getElementById("output").innerHTML = "Your name is "+name;
allNames.push(name);
}
document.getElementById("showAll").onclick = function()
{
var names = "Names: ";
for(name in allNames) names += allNames[name] + ", ";
document.getElementById("output").innerHTML = names;
}