Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击按钮时,文本字段值未显示在下载pdf中_Javascript_Jquery_Html_Jspdf - Fatal编程技术网

Javascript 单击按钮时,文本字段值未显示在下载pdf中

Javascript 单击按钮时,文本字段值未显示在下载pdf中,javascript,jquery,html,jspdf,Javascript,Jquery,Html,Jspdf,我是个新手。我终于可以将文档保存为pdf格式,但问题是我输入的文本字段中的文本没有显示在我下载的pdf文件中。这是我的密码 HTML 如何使用JavaScript将HTML页面中的DIV下载为PDF文件 欢迎来到维奥姆 这是一个样本参数图 下载PDF文件 JAVASCRIPT var doc = new jsPDF(); var specialElementHandlers = { '#print-btn': function (element, renderer) {

我是个新手。我终于可以将文档保存为pdf格式,但问题是我输入的文本字段中的文本没有显示在我下载的pdf文件中。这是我的密码

HTML


如何使用JavaScript将HTML页面中的DIV下载为PDF文件
欢迎来到维奥姆
这是一个样本参数图

下载PDF文件
JAVASCRIPT

var doc = new jsPDF();
var specialElementHandlers = {
    '#print-btn': function (element, renderer) {
        return true;
    }
};

$('#submit').click(function () {
    var fieldId = "field100";
    var chars = $('#try1').val();
    var chars2 = $('#try2').val();
    var chars3 = $('#try3').val();
    var d3 = $('[name=' + fieldId + ']:enabled').val();

    diff1 = "";
    if (d3) {
        diff = d3;
    }


    $('#veewom').html('<b>'+"One"+":"+'</b>'+ chars+
                '<b>'+"Two"+":"+'</b>'+chars2+
                '<b>'+"Three"+":"+'</b>'+chars3
                );

    var source = $('#print').html();
    doc.fromHTML(source, 15, 15, {
      'width': 170,
        'elementHandlers': specialElementHandlers
  });
     doc.save('pdf-version.pdf');    
   });
var doc=new jsPDF();
变量specialElementHandlers={
“#打印btn”:函数(元素、渲染器){
返回true;
}
};
$(“#提交”)。单击(函数(){
var fieldId=“field100”;
var chars=$('#try1').val();
var chars2=$('#try2').val();
var chars3=$('#try3').val();
变量d3=$('[name='+fieldId+']:enabled').val();
diff1=“”;
如果(d3){
diff=d3;
}
$('#veewom').html('+'一'+'':“+''+字符+
“+”两个“+”:“+”+字符2+
“+”三个“+”:“+”+字符3
);
var source=$('#print').html();
fromHTML文件(来源,15,15{
“宽度”:170,
“elementHandlers”:specialElementHandlers
});
doc.save('pdf-version.pdf');
});
这是下载pdf的截图。我想显示我在此pdf文件中输入的文本。但问题是它只给我那些内容

试试这段代码

HTML


var chars=$('try1').val()
to
var chars=$('#try1').val()我已经尝试过了,但问题是它不再下载pdfCheck了。请检查开发人员控制台中的其他错误。如果您正在考虑添加一个
#
导致下载错误,那么您应该阅读它现在正在下载我的意思是pdf,但我输入的文本仍然没有显示在pdf中检查它或非常感谢先生现在我终于看到了我在文本框中键入的输入,先生。真的很感谢你(UU:)但是先生,为什么div没有出现在save pdf中呢。谢谢你的帮助。非常感谢。因为您正在用您输入的文本替换
print
部分的内容。谢谢您,先生。但是,先生,我输入的段落和文本可以同时显示吗?真的谢谢你,先生非常感谢你,先生。真的谢谢你。你帮了大忙,先生。真的谢谢你:)
var doc = new jsPDF();
var specialElementHandlers = {
    '#print-btn': function (element, renderer) {
        return true;
    }
};

$('#submit').click(function () {
    var fieldId = "field100";
    var chars = $('#try1').val();
    var chars2 = $('#try2').val();
    var chars3 = $('#try3').val();
    var d3 = $('[name=' + fieldId + ']:enabled').val();

    diff1 = "";
    if (d3) {
        diff = d3;
    }


    $('#veewom').html('<b>'+"One"+":"+'</b>'+ chars+
                '<b>'+"Two"+":"+'</b>'+chars2+
                '<b>'+"Three"+":"+'</b>'+chars3
                );

    var source = $('#print').html();
    doc.fromHTML(source, 15, 15, {
      'width': 170,
        'elementHandlers': specialElementHandlers
  });
     doc.save('pdf-version.pdf');    
   });
<input type="text" id="try1" placeholder="Enter Name Here">
<div id="print">
    <h3>Welcome To Veewom</h3>
    <p>This is a Sample Pararaph</p>
    <p id="veewom"></p>
</div>
$('#submit').click(function () {
  var fieldId = "field100";
  var chars = $('#try1').val();
  $('#veewom').html(chars);
  var d3 = $('[name=' + fieldId + ']:enabled').val();

  diff1 = "";
  if (d3) {
    diff = d3;
  }

  var source = $('#print').html();
  doc.fromHTML(source, 15, 15, {
    'width': 170,
    'elementHandlers': specialElementHandlers
  });
  doc.save('pdf-version.pdf');
});