javascript - 输入数据摘要-6ren

javascript - 输入数据摘要

转载作者：行者123 更新时间：2023-11-28 08:21:27

25

4

我想要一个摘要页面。

例如，在第 1 页中，我将要求提供客户姓名、电子邮件、订单，如 html 中所示。

点击提交后，它会链接到第 2 页，其中会弹出一个窗口，总结如下。

Customer name: xxxxxxx
Email: xxxxxxx
No of quantity ordered for item A:xx
No of quantity ordered for item B:xx
No of quantity ordered for item C:xx
Total cost:xx

HTML:

<!DOCTYPE html>
<html lang = "en">
<head> 
<title> nochange.html </title>
<meta charset = "utf-8" />
  <script type = "text/javascript"  src = "dynValue.js" >
</script>
<style type = "text/css">
  textarea {position: absolute; left: 250px; top: 0px;}
  span {font-style: italic;}
  p {font-weight: bold;}
  td, th, table {border: thin solid black;}
</style>

</head>
<body>
      <form action = "">
  <p>
    <span>
      Customer information 
    </span>
    <br /><br />
    <label>
      Name: 
      <input type = "text"  onmouseover = "messages(0)"
             onmouseout = "messages(4)" />
    </label>
    <br />
    <label>
      Email: 
      <input type = "text"  onmouseover = "messages(1)"
             onmouseout = "messages(4)" />
    </label>
    <br /> <br /></p>
</form>
<form action = "">
  <h3> Order Form </h3>

  <table>
    <tr>
      <th> Product Name </th>
      <th> Price </th>
      <th> Quantity </th>
    </tr>

    <tr>
      <th> French Vanilla (1 lb.) </th>
      <td> $3.49 </td>
      <td> <input type = "text"  id = "french"  
                  size ="2" /> </td>
    </tr>
    <tr>
      <th> Hazlenut Cream (1 lb.) </th>
      <td> $3.95 </td>
      <td> <input type = "text"  id = "hazlenut"  
            size = "2" /> </td>
    </tr> 
    <tr>
      <th> Columbian (1 lb.) </th>
      <td> $4.59 </td>
      <td> <input type = "text"  id = "columbian"  
            size = "2" /></td>
    </tr>
  </table>


  <p>
    <input type = "button"  value = "Total Cost" 
           onclick = "computeCost();" />
    <input type = "text"  size = "5"  id = "cost" 
           onfocus = "this.blur();" />
  </p>


  <p>
    <input type = "submit"  value = "Submit Order" /> 
    <input type = "reset"  value = "Clear Order Form" />
  </p>
</form>
</body>
</html>

JS:

 var helpers = ["Your name must be in the form: \n \
 first name, middle initial., last name",
"Your email address must have the form: \
user@domain",]

function messages(adviceNumber) {
document.getElementById("adviceBox").value = 
                              helpers[adviceNumber];
}
function computeCost() {
var french = document.getElementById("french").value;
var hazlenut = document.getElementById("hazlenut").value;
var columbian = document.getElementById("columbian").value;

document.getElementById("cost").value = 
totalCost = french * 3.49 + hazlenut * 3.95 + 
          columbian * 4.59;
}

最佳答案

我认为这与 french、hazlenut 和 columbian 在代码中被视为字符串有关。在执行totalCost 计算之前，尝试对每个对象使用parseInt。

如果您使用的是 html 5 并且仅使用较新的浏览器，您可能会使用 input type=number 而不是 input type=text。

关于javascript - 输入数据摘要，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22920274/

25

4

0

文章推荐： javascript - 为什么 linkedin 分享按钮不起作用

文章推荐： javascript - d3 - map 上文本的位置

文章推荐： JavaScript/jQuery NetCat

文章推荐： javascript - 向动态创建的 div 添加增量相对位置

django - 摘要、基本和承载身份验证
我最近发布了一个 problem我正在进行身份验证，但没有收到任何回复，所以我想到了另一种方式来提问而不是多余的。我在应用程序中看到的内容 documentation是传递访问 token 以进行身
r - 获取因子频率的直方图(摘要)
我有一个具有许多不同值的因素。如果执行 summary(factor)输出是不同值及其频率的列表。像这样: A B C D 3 3 1 5 我想制作频率值的直方图，即 X 轴包含发生的不同频率，Y 轴
新专栏中的 MySQL 摘要
我有 2 个表，其中包含一组数据，如下所示，我想获得 RESULT 中的结果，该结果将在字段 balance 中进行计算: 我被困在余额字段中，如何让余额运行？ tblIn in_date |
c# - 带有模糊引用的文档方法-摘要
我有一个大量重载的方法 MethodA，它由我的 MethodB 文档中的摘要标记引用: /// A link to void MethodB { ... } 注释不应仅依赖于 MethodA 的特
javascript - 禁用详细信息/摘要
当我将新的 details 标签与 summary 结合使用时，我想禁用生成的输入。我以为可以解决这个问题，但遗憾的是它不起作用。如何禁用细节元素？最佳答案一个非常简单的方法是只使用 CSS
c# - 如何创建///摘要
如何在 Visual Studio 中生成此类摘要？ /// /// Returns a number /// /// /// 最佳答案在你的方法、属性等之前输入///，VS会自动生成注释
r - 用适当的精度数字校正R中的“摘要”
关于简单的看似无辜的函数的简单问题：summary。直到我看到min和max的结果超出了我的数据范围，我才意识到summary有一个指定输出结果精度的参数。我的问题是如何以一种干净、普遍的方式来解决
r - 根据跨越另一个(摘要)数据框中的多列的键对数据框进行子集化
我有一个数据框 a，其中包含 4 个标识列:A、B、C、D。使用 ddply() 创建的第二个数据框 b 包含每组的不同 D 的所有值的摘要>A、B、C。第三个数据框 c 包含 b 的子集，其中包含
javascript - Javascript 摘要/文档的新行
这个问题在这里已经有了答案: jsdoc: multiline description @property (4 个回答) 4年前关闭。我正在为我的 javascript 项目使用 Visual S
r - 将列添加到 R 摘要
我有一个向量的 R 摘要: summary(vector) Min. 1st Qu. Median Mean 3rd Qu. Max. 1.000 1.000 2.000 6
r - 作为另一个函数(摘要)的新数据框列对我不起作用
我想创建一个新的计算列(另一列文本的摘要)。为了让您重现，我创建了一个 df 作为可重现的示例: df head(df,3) name 1 ZKBOZVFKNJBRSDW
sha1 - 如何在对象树上创建 SHA1 摘要？
假设我有一棵对象树，其中每个对象都有一个字符串表示。我想在整棵树上创建一个 SHA1 摘要。最简单的方法是递归遍历树的每个节点。对于每个节点，我将连接(作为简单字符串)所有子节点的 SHA1 摘要，
xaml - MVVM - 摘要/详细信息
因此，我试图围绕 MVVM 进行思考，但我发现我的问题多于答案。当涉及到下一步时，这些教程对我来说还远远不够...... 基本上我想要一个项目列表，然后是一种获取每个项目详细信息的方法。下面是我在网
r - 作为数据框的 Princomp 摘要
我希望将 princomp PCA(必须是 princomp)的摘要作为数据框，以便我可以使用 kable 格式化表格以生成报告。这是我尝试使用的代码，从中应该清楚我想要做什么； kable( as
javascript - AngularJS 摘要 postDigestQueue
我们的一页很重。为了减少我们的观察者数量并加速 Angular 摘要周期，我们大量使用了 On-Time-Binding 语法 :: .我们也在使用angular-bind-notifier以避免对我
java - 仅打印 Javadoc 摘要
我正在与我受雇的公司合作，试图为我们的内部库创建更好的文档。我们希望最终检查每个类并更新我们的命名方案(过去有很多草率的代码)。我想要的是能够打印出 javadoc 的摘要。它需要排除页面底部的完整解
r - 如何在单个命令中组合两个不同的 dplyr 摘要
我正在尝试创建一个分组摘要，报告每个组中的记录数，然后还显示一系列变量的均值。我只能弄清楚如何将其作为两个单独的摘要进行处理，然后再将它们合并在一起。这工作正常，但我想知道是否有更优雅的方法来做到这
r - 摘要 {Hmisc} 丢弃类别？
我正在尝试从 this file 中获取带有百分比的交叉表使用 Hmisc .但为什么是summary()从变量 OCCUPATION 中删除类别(“OTHERS”)？ library(Hmisc)
machine-learning - 基于概念的文本摘要(摘要)
已结束。此问题正在寻求书籍、工具、软件库等的推荐。它不满足Stack Overflow guidelines 。目前不接受答案。我们不允许提出寻求书籍、工具、软件库等推荐的问题。您可以编辑问题，以便
android - PreferenceActivity 中的自定义标题栏(摘要)
如标题所示，我想为 PreferenceAcitvity 创建自定义标题栏。我需要在标题下方添加摘要。目前它只会显示一个标题，但我需要一个副标题，就像任何 Preference 都可以有一个摘要。我

首页

博学

6Ren·AI

商城

javascript - 输入数据摘要