Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

382
Vistas
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 Respuestas
Responde la pregunta

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 Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda