JsPDF,如何获取javascript变量



这就是我想做的:

  • 我想打印一个从表单中某个字段的操作中捕获的值

我已成功使用jsPDF,但无法将变量"CPS"的值发送到pdf,如以下代码错误所示:

The error is:
Uncaught Error: Type of text must be string or Array. "undefined" is not recognized.
at Object.H.text (jspdf.min.js:1)
at demo (forweb.html:11)
at HTMLInputElement.onclick (forweb.html:46)

我无法在任何地方找到解决方案。

这是我的代码:

<!DOCTYPE HTML> 
<html> 
<script type="text/javascript" src="jspdf.js"></script>
<script type="text/javascript" src="jspdf.min.js"></script>
<script type="text/javascript">
function demo() {
var pdf = new jsPDF()
var uno_ = document.getElementById("uno").innerHTML;
pdf.text(10,10),uno_;
var due_ = document.getElementById("due").innerHTML;
pdf.text(10,20),chest;
var chest = document.getElementById("CPS").innerHTML;
pdf.text(10,30),chest;
}
function calcola() {    a_uno = document.getElementById("uno").value;
a_due = document.getElementById("due").value;
var answer =parseFloat(a_uno)+ 
parseFloat(a_due);
var CPS = document.getElementById('CPS');
CPS.value=answer;
}           
</script>
<head> 
<title>print result </title> 
</head> 
<form name="myForm"> 
one
<select id="uno"  onchange="calcola(this.value)">
<option value="0"SELECTED>-</option>
<option value="1">1</option>
<option value="2">2</option>
</select></span>
due 
<select id="due"   onchange="calcola(this.value)">
<option value="0"SELECTED>-</option>
<option value="1">1</option>
<option value="2">2</option>
</select></span>
<input type="button" name="reset_form" value="Resetta Valori" 
onclick="this.form.reset(); CPS.value = 0;">           
CPS = <input type="button" name="CPS" id="CPS"/>
</form>
<input type="button" name="stampa" value="STAMPA" onclick="demo()">
</body> 
</html>

提前感谢您的帮助-Ivan

您的演示函数在调用JSPDF文本函数时出错。text函数需要3个参数,由于您在设置位置后关闭了括号,因此从未发送变量值。

function demo() {
var pdf = new jsPDF()
var uno_ = document.getElementById("uno").value;
pdf.text(10,10,uno_);
var due_ = document.getElementById("due").value;
pdf.text(10,20,due_);
var chest = document.getElementById("CPS").value;
pdf.text(10,30,chest);
pdf.save('my.pdf');
}

在这里,我将innerHTML更改为value,以在select标记上显示所选的值。这可能会修复您遇到的错误。我还添加了保存功能,这样你就可以查看的结果

最新更新