Link to a form with pre-selected field

  • Profile Image
    WSIguy
    Asked on January 14, 2018 at 11:44 PM

    Hi,

    We want to collect job applications.
    We want to use the same form for multiple positions.
    The positions available are included in a drop-down select field.

    We would like to have a link (button or similar) from a job details page.
    Then, the application form would be in a pop-up or new page.
    We would like the "position" they are applying for to be pre-selected on the form.

    So the user experience would be:
    1) View Job Details
    2) Click "Apply for this Job"
    3) The form would show up with the desired position already selected (the field could even render as view only or be hidden, since their selection was made when they clicked "apply for this job".

    I suspect this is possible by transferring data from one form to another.
    However, I am sort of hoping the pre-select can be done without having to create an additional form for each job (even if it is a simple one-field form).
    I am hoping it can be done with a coded link or simple hand-coded form.
    Transparency: I don't want to use up a form for every job we post.

    Thanks,
    Bruce

  • Profile Image
    Ardian_L
    Answered on January 15, 2018 at 06:48 AM

    I am not quite sure If I understood you correctly but. I have created 2 forms. One has the Selector field, and the other one a text field that retrieves the data inputted from the first form.

    First form: https://form.jotform.com/80143014792955

    Second form: https://www.jotform.com/80143165792962

    This will be triggered only when you click submit, so I am not sure if this fits perfectly to your case as you want to have that on a new tab.

    You can also input a Text field where you can add HTML tags, maybe that helps.

    Please let us know if this is not the case, so we can properly assist you.

  • Profile Image
    WSIguy
    Answered on January 15, 2018 at 07:22 AM

    Thank you for that.
    That might achieve what we want to do in one way, but we are hoping to avoid needing 2 forms.
    Also, if we did use your set-up, we would want the selection value hidden in the first form.
    The workflow is for the user to simply click the "apply" button and be taken to the form with the job already selected. Then they enter their application info.

    This screencast shows what I want to do.
    https://youtu.be/yLVFIsAt34M 

    Summary:
    1) although there are multiple jobs handled by the form, we don't actually want to use the "select" field to indicate which job. We would prefer that field is selected merely by the user clicking a button on a page related to the selection.

    2) We prefer NOT to have to create a new form for each job we list (using up our allotment of forms).

    I realize I may be dreaming with my wish #2. I was hoping there is a coded link or ability to use a simple hand-coded form to get the 1 attribute pre-selected on the main application form.

    Hope that makes sense :-)

    Regards,

    Bruce

  • Profile Image
    Ardian_L
    Answered on January 15, 2018 at 09:08 AM

    Thank you very much for explaining further more. You can achieve what you are requiring. 

    First you need to download the source code of the form. In the source code you can find this particular code:

    1516024946SelectedAttributte.png

    And you can add the selected attribute to one of the options.

    You should insert selected attribute 4 times as you have 4 options, and create a specific page for each of them. 

    So when you click on your button they will redirect to the specific job page you have created. 

    I how this was helpful.

  • Profile Image
    WSIguy
    Answered on July 04, 2018 at 01:00 AM

    Sorry for the delayed reply.
    I guess I just gave up.

    Actually, what you describe is the OPPOSITE of what I want to do do.

    I would like 1 form, embedded on a page. That form has several choices in a drop-down selection.
    www(.)mysite(.)com/apply-page
    However, we link to this 1 form from several other pages.

    If we arrive at the form from Page A, we would like "Job A" to be pre-selected (in that drop down field).
    If we arrive at the form from page B, then we want "Job B" to be pre-selected.

    I am hoping (for example) that the URL linking to the page can be manipulated to have the drop-down filed pre-seleced.

    So our link might be:

    www(.)mysite(.)com/apply-page&?xxx555some-code-to-trigger-the-pre-selected-field

    Or any other solution that lets us have the one field pre-selected depending on the previois page before landing on the page with thye form.

    best regards,
    Bruce

  • Profile Image
    ashwin_d
    Answered on July 04, 2018 at 03:44 AM

    So if I understand your question correctly, you want to use same form URL in multiple page and then based on the page user come from, you want specific dropdown to be pre-selected. Is that correct?

    Yes it is possible to achieve your requirement by taking advantage of our "URL Parameter" feature. You can grab your form's iFrame embed code and add URL parameter in the form URL. 

    For example:  http://www.jotform.me/form/80142438342450?jobYu=Supervisor%20(Kobe)

    When you access the above URL, it will automatically populate the form field "Job you are applying for". Similarly you can use the following iFrame embed code in your webpage and add the desired URL parameter in the webpage URL:


        <iframe

          id="JotFormIFrame-80142438342450"

          onload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          allowfullscreen="true"

          allow="geolocation; microphone; camera"

          src="https://form.jotform.me/80142438342450"

          frameborder="0"

          style="width: 1px;

          min-width: 100%;

          height:539px;

          border:none;"

          scrolling="no"

        >

        </iframe>

    Use can use the same webpage URL but change the URL parameter when you add the link for "Apply for this job".

    You may like to take a look at the following guide which should help you:   https://www.jotform.com/help/71-Prepopulating-Fields-to-Your-JotForm-via-URL-Parameters

    Hope this helps.

    Do get back to us if you have any questions.

  • Profile Image
    WSIguy
    Answered on July 04, 2018 at 09:39 AM

    Thank you Ashwin!

    That is exactly what I was looking to do.

    Cheers,

    Bruce