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

    Drop down initial value option

    Asked by marilynbianchi on October 12, 2012 at 07:27 PM

    Hi there, I've been using your forms for a little while now and came across what I feel would be a useful add on to many of us. It has to do with how the drop downs work specifically when you want them required there is currently not a way to have an initial value that is not counted as a value.

    Example:

    Currently the form is built like this:

    <option></option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>

    The "<option></option>" entry just creates a blank field not helpful to end users.

    It would be great if you had an option to add an initial value that was empty but could contain a discription like "select" but would still require the user to make a selection.

    Like this:

    <option value="">select</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>

    I can accomplish this by importing the source into my page and making the change locally but there is no way to accomplish this using some of the other options like embed or iframe. In my opinion I don't think the hover description is a good replacement for having an initial value like I have explained it's pretty common form usability best practice.

     

     

    source Selection select blank field
  • Profile Image

    Answered by jeanettebmz on October 12, 2012 at 07:38 PM

    You can actually accomplish what you are looking for.

    Just add the word "Select" or whichever you need (click on the Options button) , then make it preselected, as shown below

     

    Hope you find this helpful

    Cheers!

  • Profile Image

    Answered by marilynbianchi on October 12, 2012 at 07:44 PM

    Thanks but that won't actually accomplish what I'm asking for. If I put "Please Select" in as an option and make that field required the "Please Select" will count as an option and pass the requirement validation and be stored in the data base. What I want is for "Please Select" to have no value and even if it's selected the requirement validation will still fire until the user selects one of the other options.

  • Profile Image
    JotForm Support

    Answered by jonathan on October 12, 2012 at 08:55 PM

    @ marilynbianchi

    Hi, currently, what you just stated is how the form do work. But perhaps using an additional Condition Logic on the form can achieve what you want..

    i.e.

    If I set the condition rule to do some redirection if "Please Select" is the selected value, then I am essentially restricting the form user to use only the appropriate selection value.

    Hope this also help. Please inform us if you have further inquiry.

    Thanks.

     

    P.S.

    We can submit a request to our dev team to take a look on the method you suggested. But I have to inform you ahead that this will take lesser priority since our dev team are rather to busy on the more important features of JotForm.

  • Profile Image
    JotForm Support

    Answered by jonathan on October 12, 2012 at 09:20 PM

    Hi, I am not sure if you just recently responded, but the message came out empty.

    Please click on this link if you need to reply.

    Thanks.

  • Profile Image

    Answered by marilynbianchi on October 12, 2012 at 09:21 PM

    Here is a very simple implementation of what I'm asking for. This is widely used standard form functionality. The current options do not allow for this. Look at all of the drop downs on this form in praticular the state field which is required but has an initial value of "Select State".

    https://www.cabelas.com/catalog/catalog_request_address.jsp?paperCatalogId=3450&catalogCountryCode=USA

  • Profile Image
    JotForm Support

    Answered by idarktech on October 12, 2012 at 09:38 PM

    @marilynbianchi

    Unfortunately, it's not doable inside the form builder but it's indeed possible using your form source code. Just add this code on your dropdown list code.

    <option value="" disabled="disabled" selected="selected">Select your option</option>

    Example:

    <option value="" disabled="disabled" selected="selected">Select your option</option>

    <option value="1">1</option>

    <option value="2">2</option>

    <option value="3">3</option>

    Hope this helps. Thanks!

  • Profile Image
    JotForm Support

    Answered by idarktech on October 12, 2012 at 09:41 PM

    I just updated the code, sorry. Example: http://jsfiddle.net/5Jy7d/

  • Profile Image

    Answered by marilynbianchi on October 12, 2012 at 09:49 PM

    Thanks I realize it's possible if I pull the source and do it locally but it's not possible if I use embed, iframe or some of the other options. I've tested it locally and it works with "<option value="">Seclect</option>" . I just think it should be available as an option for all of the available implementations.

  • Profile Image
    JotForm Support

    Answered by idarktech on October 12, 2012 at 10:10 PM

    @marilynbianchi

    Ops, sorry. I just realized it was already explained on your post. Anyway, is using option group OK with you? Although it can't be set as selected but it works the same. To set optiongroup label, simply wrap the text with [[ and ]]. Example:

    [[Select your option]]

    Sorry but the best option to achieved this is to use your form source code since JotForm Builder doesn't have such feature currently.

    Thanks for your patience.

  • Profile Image

    Answered by marilynbianchi on October 13, 2012 at 12:09 AM

    Thanks I'm hoping you can add this in as a feature at some point. I appreciate your fast responces thank you for your time.

  • Profile Image
    JotForm Support

    Answered by idarktech on October 13, 2012 at 12:36 AM

    @marilynbianchi

    We'll take note of that, hopefully they'll be able to add it in the future.

    For the meantime, In case you like I have a possible workaround but it's kind of dirty since it needs custom javascript injection. Provide to us the form URL so we can clone it and apply the said option, then clone the final form afterwards.

    We'll await your reply. Thanks!

  • Profile Image

    Answered by cheekyface on March 27, 2014 at 01:51 AM

    I'll start a new thread for this too as I'm sure that's what I'll be asked to do anyhow but I wanted to add that I too would like to see this implemented if at all possible.  For my part it would help simplify what i want to do with the conditional logic for what will show if the option "select from this list" is not selected.

    I have a long list and if I were able to simply show a field when this field is filled it would solve my problem however what happens if I use that logic is that "select from this list" is regarded as a choice made so the logic would not work unless the blank field was selected (I think).
    There is no way in the logic for me to set it as if this drop list is equal to blank option then hide x field.

    Hope that makes sense.  I'll try and be a little more descriptiove when I create the new thead. 

  • Profile Image
    JotForm Support

    Answered by jonathan on March 27, 2014 at 04:36 AM

    @cheekyface 

    Thank you for the creating a separate new thread as required. We will attend to it as soon as we can.

    Thanks.