What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Help to figure out how our donation form works

    Asked by childrenshealing on August 27, 2013 at 03:25 PM

    I work for a small nonprofit and though I have no programming/web experience, I am the most suited for managing such things here.  I teach myself what I can to make it work.

    We had someone get us started on our site and create our donation form.  I have since used JotForm to create different forms to use on our site.  However, I cannot crack the donation form... I want to be able to replicate it. Unfortunately, it was not saved in our JotForm account.

    The form can be found on our website: http://www.childrenshealinginstitute.org/#!donation-form/cmgt

    I want to know how to replicate the autofilling of the PayPal amount (donation) when the radio button with a specific donation amount is selected.  Since you can't directly add more than one payment box (and show/hide accordingly), what's the trick?

    Thanks!

    Page URL:
    http://www.childrenshealinginstitute.org/#!donation-form/cmgt

    donation JotForm different create
  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 27, 2013 at 04:58 PM

    The custom script solution used on your old form is pretty straightforward - however, you need to be able to understand a little bit of basic HTML in order to apply the solution to other forms.

    Can you give us the name or ID of the form you're working on so we can begin helping you achieve your goal?

  • Profile Image

    Answered by childrenshealing on August 27, 2013 at 05:50 PM
    I don’t have the form in my JotForm account (which is another reason why I want to learn how to duplicate it)…
    I can give you the code used to embed it on our webpage:


    I’m not familiar with HTML at all… but I’m really good at following instructions!
    Thanks.
  • Profile Image
    JotForm Support

    Answered by Mike_T on August 27, 2013 at 06:39 PM

    Your donation page (http://www.seosmoothdesign.com/donation-form-childrens-healing-institute.html) is based on the Source Code of this Online Foundation Donation Form from your account.

    Note, if you need a copy of your donation form, you can easily Clone it.

    The basic idea is the following:

    1. Add a Radio Button field with your options to the form.

    2. Get your form source code.

    3. Copy the form source code to some text editor (for example Notepad++ or Sublime Text), and add your onclick events that will populate the donation field.

    Example from your page:

    onClick="document.getElementById('input_29_donation').value = '25'" 

    25 is prepopulating value and input_29_donation is ID of donation input.

    4. Embed modified form source code to your web page.

    If you need help with some live form, we will be happy to help.

  • Profile Image

    Answered by childrenshealing on August 27, 2013 at 07:32 PM
    Thank you!
    I will take a shot at it and see what I can do. I will certainly reach out if I get stuck.
  • Profile Image

    Answered by khrisell on August 27, 2013 at 07:56 PM

    In behalf of my colleagues, you are most welcome. :)

    Yes, please do let us know if you need any assistance and we'll be glad to help out.

    Thank you for using JotForm.