Question

我想在HTML中创建一个表单，用户输入一些数据，并通过JS，数据用于计算实时输出到结果字段的结果。我的意思是说我输入Age（24）和Height（1.82m），在输入1.82之后，一个字段会自动显示24 * 1.82的结果。

此外，我想知道如何以PDF格式输出网页。

Answer 1

您必须输入字段，添加内容更改时触发的事件侦听器，然后只需使用结果填充“结果”输入。通过使用jQuery，这将非常简单。

要在Javascript中生成pdf，请查看此库：

http://code.google.com/p/jspdf/

Answer 2

第一个问题：

function calc() {
   var a = parseFloat(document.getElementById('field1').value);
   var b = parseFloat(document.getElementById('field2').value);
   document.getElementById('total').value = a * b;
}

这会获取2个字段（field1和field2）中的值，将它们相乘，然后更新value输入的total。与上面一起使用的示例HTML将是：

<input id="field1" onblur="calc()" value="24" />
<input id="field2" onblur="calc()" value="1.82" />
<input id="total" value="" />

当onblur失去焦点时，calc()属性会调用指定的函数（input）。请注意，这是一个非常简单的示例，不包含错误检查（即存在数字等）

第二个问题：

从HTML wkhtmltopdf创建PDF是我用过的最好的 - 它使用简单，并且有很多不同语言的包装器（服务器端 - 不是客户端）。它也作为独立应用程序运行（在服务器上）。哦，它是免费的！

带有计算的HTML / JS表单然后将结果输出为PDF

2 个答案: