The 'Drop Down' option...

  • Profile Image
    TheJotForm
    Asked on April 02, 2011 at 03:31 PM

    I have a question about: Under the 'Form Tools' on the left hand side, the 'Drop Down' option..

     

    When selecting the Drop Down option and listing each of the selection there is an empty space above the other choices I have put in. I want it made possible so that the person filing in the form must select one of the options in the 'Drop Down' selection, but there is an empty space at the top above the other choices I have put in. So the person filing in the form can just select the empty space in the 'Drop Down' selection. I do not want this possible! I want that empty space above the choices I have put in, to be removed so it cannot be selected.

     

     

    How do I remove the empty space above the other choices I have put in the 'Drop Down' selection ??

     

     

    Kind Regards,

    Dan

  • Profile Image
    allanftd
    Answered on April 02, 2011 at 03:57 PM

    Hello Dan,

    Thank you for posting your question here. In order to avoid having blank selection for the drop down menu, you must enable the Required button and at the same time click the Selected button to choose a default selection. Both buttons are located in the tool bar under Properties tab.

    Once these are set up, your guests can no longer send the form unless they select a valid option in the drop down box.

    We hope you find this information useful. Please let us know if you have any other concerns. Thank you for using JotForm!

    JOTFORM SUPPORT

  • Profile Image
    TheJotForm
    Answered on April 02, 2011 at 11:54 PM

    Hello,

    I very much appreciate your detailed reply. 

     

    Although, after using "Required" and "Selected" it still allows the blank space at the top to be selected. I was hoping the blank selection could be completely removed so that it is not possible to select the blank option at all, thus, only select one of the selections I have input.

     

    Kind Regards,

    Dan

  • Profile Image
    NeilVicente
    Answered on April 03, 2011 at 12:31 AM

    Hey Dan,

    When a drop down box is set as a *Required Field, the user will not be allowed to submit the form unless he chooses an option aside from the blank space.

    It is not possible for the user to go through the submission process if he leaves that particular field not filled out. Anyway if you still want to have the blank space option removed, you can do so by doing the following:

     

    1.  Get your form's  "Source" embed code.

     

    2.  Copy the codes into your website editor or a text/html editor.

     

    4.  Find and delete this line:


    5.  Embed the code into your website.

     

    You may take a look at this clone of your form: Sample Page

    I hope you find this information useful. If you have other queries, feel free to contact us again.

     

    Regards,

    Neil

  • Profile Image
    allanftd
    Answered on April 03, 2011 at 01:10 AM

    Hi Dan,

    Thanks for clarifying that. In order to completely eliminate the blank option in the drop down menu, you must use the source code and remove this line:

                            <option>  </option>

    Please click here for the working version of your form without the blank option in the drop down menu. You can copy the source code of this page and paste it to yours.

    Please let us know if yo have any other questions or concerns. Thank you for using JotForm!

    JOTFORM SUPPORT

  • Profile Image
    TheJotForm
    Answered on April 03, 2011 at 09:30 PM

    Thank you to both of you for your detailed answers.

     

    Kind Regards,

    Dan

  • Profile Image
    psanders
    Answered on March 10, 2012 at 06:48 PM

    How do I do this when using Iframes?

  • Profile Image
    idarktech
    Answered on March 10, 2012 at 07:38 PM

    @psanders,

    That's possible but you still need to use full source code for that. To do that, simply follow NielVencentes's post above. After copying your form's source code, paste it in notepad or any other editing tools you have. Next, is remove the <option></option> line (This is to remove the blank option on dropdown field), save the form source code from your notepad as .html (eg. myform.html) then upload it on your website. You can now then embed it as iFrame, like this iframe code below:

    <iframe allowtransparency="true" src="http://www.mywebsite.com/myform.html" frameborder="0" style="width:100%; height:465px; border:none;" scrolling="auto"></iframe>

    Just replace the highlighted link to your form link and change the height to fit it exactly on your website. Hope this helps. If you need clarification, just let us know. Thank you so much!

  • Profile Image
    jcm0731
    Answered on March 10, 2012 at 07:44 PM

    psanders,

    You can do this by following this steps:

    1. Create your form with your Dropdown Option

    2. Go to your Form in design mode. Rignt Click on the Form.

    3. Select View Source.

    4. Now Copy this source code into your text editor (Notepad will do)

    5. In Notepad, in your source code you will see there this <option>  </option>

    6. Delete that "blank" option

    7. Now create your new Form.

    8. In your blank Form, add the Free Text (HTML) from Power Tools.

    9. Edit the HTML and in Edit mode, Copy and Paste your previous source code (from Notepad).

    10. Click on Complete to close the HTML.

    11. Preview and Test your Form with the new Dropdown Field.

     

    Please try if you can do it. If you need assistance, contact us here.

    jcm0731