Javascript jsPDF不使用我的jQuery文本字段_Javascript_Html_Jspdf

Javascript jsPDF不使用我的jQuery文本字段

javascript html

Javascript jsPDF不使用我的jQuery文本字段,javascript,html,jspdf,Javascript,Html,Jspdf,Javascript，HTML。我将非常感谢任何建议，我正在尝试获取查询中的所有输入数据，并将其显示为pdf，我将使用按钮下载，但我下面的代码不起作用我的查询文本字段是名称，公司等等。我非常感谢您的建议 <html> <head> <script src="jquery-2.1.4.js"></script> <script src="jspdf.min.js"></script> <link rel="

Javascript，HTML。我将非常感谢任何建议，我正在尝试获取查询中的所有输入数据，并将其显示为pdf，我将使用按钮下载，但我下面的代码不起作用

我的查询文本字段是

名称

，

公司

等等。我非常感谢您的建议

<html>
<head>
  <script src="jquery-2.1.4.js"></script>
  <script src="jspdf.min.js"></script>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <div id="navbar"><span>jsPDF Tutorial - Form Filling</span></div>
  <div id="wrapper">
        <input type="button" id="button" value="Submit"/>

  <script>

    $('#button').click(function() {

        var doc = new jsPDF();

        var name = $('#name').val();
        var company = $('#company').val();
        var department = $('#department').val();
        var title = $('#title').val();

        doc.setFontSize(26);
        doc.setTextColor(92, 76, 76);

        doc.text(23, 81, name);
        doc.text(23, 122, company);
        doc.text(23, 162, department);
        doc.text(23, 202, title);
        doc.save('test.pdf');

    });
   </script>
 </div>
</body>

</html>


jsPDF教程-表格填写
$（“#按钮”）。单击（函数（）{
var doc=new jsPDF（）；
var name=$（'#name'）.val（）；
var company=$（“#company”）.val（）；
var department=$（“#department”）.val（）；
var title=$（'#title'）.val（）；
文件setFontSize（26）；
setTextColor文件（92、76、76）；
文件文本（23、81、名称）；
文件文本（23122，公司）；
文件文本（23162，部门）；
文件文本（23202，标题）；
doc.save（'test.pdf'）；
});

您需要正确地包装元素（

内的标签

#包装器

）

更新：检查此项

HTML

<body>
  <div id="navbar"><span>jsPDF Tutorial - Form Filling</span></div>
  <div>

    <input type="text" id="name"/>
    <input type="text" id="company"/>
    <input type="text" id="department"/>
    <input type="text" id="title"/>
  </div>

  <input type="button" id="button" value="Submit"/>

  //script here
  <script> 
         ...
  </script>
</body>

早些时候，它工作，但我不知道发生了什么，它不再工作了，请看，谢谢

<html>
    <head>
      <script src="jquery-2.1.4.js"></script>
      <script src="jspdf.min.js"></script>
      <link rel="stylesheet" type="text/css" href="styles.css">
    </head>
    <body>
      <div id="navbar"><span>jsPDF Tutorial - Form Filling</span></div>
      <div id="wrapper">
            <input type="button" id="button" value="Submit"/>

      </div> // should be here

      <script>

        $('#button').click(function() {

            var doc = new jsPDF();
      var chars1 = $('#staffname_1_1').val();

            doc.setFontSize(26);
            doc.setTextColor(92, 76, 76);

            doc.text(23, 81, chars1);

            doc.save('test.pdf');

        });
       </script>

    </body>

    </html>


jsPDF教程-表格填写
//应该在这里
$（“#按钮”）。单击（函数（）{
var doc=new jsPDF（）；
var chars1=$（'#staffname_1_1'）.val（）；
文件setFontSize（26）；
setTextColor文件（92、76、76）；
文件文本（23、81、1章）；
doc.save（'test.pdf'）；
});

你的

在你的

#包装内

？将

放在#包装器下方靠近收尾的

标签。谢谢你，你是个天才！谢谢你只是想知道你是否可以建议我如何在新标签中打开下载的pdf我试图使用这个doc.output（'datauristring'）//返回数据uri字符串doc.output（'datauri'）//打开当前窗口doc.output中的数据uri（'dataurlnewwindow'）；但不工作，但我正在使用jquery文本字段您的

标记仍在

中。您可以显示文本字段的代码吗。检查你的答案的编辑版本。如果我的字段不在包装器中，因为它是jquery，那该怎么办？当我将它实现到包装器中的textfield时，你能给我类似的建议吗？它不在包装器中，就像内置的textfield一样，我只是调用它的ID？我真的很感谢您的好意实际上，您可以删除

div中的#wrapper id

它没有那么重要，只需运行您的代码即可。顺便问一下，你的文本字段是动态的吗？

<html>
    <head>
      <script src="jquery-2.1.4.js"></script>
      <script src="jspdf.min.js"></script>
      <link rel="stylesheet" type="text/css" href="styles.css">
    </head>
    <body>
      <div id="navbar"><span>jsPDF Tutorial - Form Filling</span></div>
      <div id="wrapper">
            <input type="button" id="button" value="Submit"/>

      </div> // should be here

      <script>

        $('#button').click(function() {

            var doc = new jsPDF();
      var chars1 = $('#staffname_1_1').val();

            doc.setFontSize(26);
            doc.setTextColor(92, 76, 76);

            doc.text(23, 81, chars1);

            doc.save('test.pdf');

        });
       </script>

    </body>

    </html>