Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

378
Views
How do i make the jspdf pdf file changes everytime an <option> tag in HTML is choosen?

I'm sorry that my english is pretty bad, and i'm an absolute beginner, but how do i make this work

    <html>
  <title>form</title>
  <script type = "text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script> 
<script type= "text/javascript">
   

   function genPDF() {
    var doc = new jsPDF();

doc.text(45,45, "burgerking");
doc.addImage(imgData, 'JPEG',0.25, 0.25, 210, 300);
doc.addPage();
doc.addImage(imgData, 'JPEG',0.25, 0.25, 210, 300);
doc.addPage();
doc.addImage(imgData, 'JPEG',0.25, 0.25, 210, 300);
if (document.getElementById("ice-cream").value == "choco") {
    doc.text(50,65, "please work")

}
else {
    doc.text(50,65, "knowing that you'll learn stuff when");
    doc.text(50,69, "failing miserably, you're filled with xd");

}


doc.save('form.pdf')
}
       

</script>


 <div>
<label>what kind of ice cream do you want?```<br>
<select id="ice-cream" onchange="genPDF()">```<br>
   <option value="vani"> Vanilla </option>```<br>
   <option value="choco"> Chocolate </option>```<br>
</select><br><br>
 </div>

obviously, the code wouldn't work, so could anyone please help ;-;

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

This is working code. Did you check the imgData. That is breaking the code. I just commented and its working. Also check last page of the Pdf.

<html>
  <title>form</title>
  <script type = "text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script> 
<script type= "text/javascript">
   

   function genPDF() {
    var doc = new jsPDF();

doc.text(45,45, "burgerking");
//doc.addImage(imgData, 'JPEG',0.25, 0.25, 210, 300);
doc.addPage();
//doc.addImage(imgData, 'JPEG',0.25, 0.25, 210, 300);
doc.addPage();
//doc.addImage(imgData, 'JPEG',0.25, 0.25, 210, 300);
alert(document.getElementById("ice-cream").value)
if (document.getElementById("ice-cream").value == "choco") {
    alert('ere');
    doc.text(50,65, "please work")
}
else {
    doc.text(50,65, "knowing that you'll learn stuff when");
    doc.text(50,69, "failing miserably, you're filled with xd");
}
doc.save('form.pdf')
}
       

</script>


 <div>
<label>what kind of ice cream do you want?```<br>
<select id="ice-cream" onchange="genPDF()">```<br>
   <option value="vani"> Vanilla </option>```<br>
   <option value="choco"> Chocolate </option>```<br>
</select><br><br>
 </div>
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!