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

    How can I make links with options in radio buttons and drop down options.

    Asked by John Wheatley on October 05, 2011 at 01:55 PM

    For Radio Button options and Drop Down options, I would like to make the text of those options (or a portion of the text) into links to more information about the options. For example,

          CHOOSE HOTEL:

             __ Hotel A (click for hotel info)

             __ Motel B (click for hotel info)

             __ B&B C (click for hotel info)

    Is this possible?

  • Profile Image

    Answered by fxr on October 05, 2011 at 07:34 PM


    hi John.

    That precise functionality isnt available on JotForm at the moment.

    One possible workaround is to use the Hover Text to host your links.  

    An example is here -> http://www.jotform.com/form/12770029281


    I put the following HTML:

    <p style="margin:0 0; padding 0 0;"><a target=_new target="_blank" href="http://www.google.co.uk/" rel="nofollow noopener"> Click for more details <a></p>

    <p style="margin:-5px 0 0 0;padding 0 0;"><a target=_new  target="_blank" href="http://www.yahoo.co.uk/" rel="nofollow noopener">   Click for more details <a></p>

    <p style="margin:-5px 0 0 0;padding 0 0;"><a target=_new  target="_blank" href="http://www.bing.com" rel="nofollow noopener">  Click for more details <a></p>


    into the hover text option

    I realise this is an imperfect solution but its the best I can come up with without you having to edit the source itself of your form.


  • Profile Image

    Answered by John Wheatley on October 05, 2011 at 09:17 PM

    Shucks. You are right; it is not perfect, but I suppose I can make it work. This site is a cool tool, and this forum and you have been extremely helpful. I'm glad I found it! I will be even happier when you add the needed function.

  • Profile Image
    JotForm Support

    Answered by NeilVicente on October 05, 2011 at 10:23 PM


    Thanks a lot for your kind words. An alternate solution to that of my colleague's is by using HTML link codes as the option for your radio button or check box fields (sorry but links in drop downs is not possible without using custom JavaScript). Kindly check out this sample form to see this solution in action.

    Click on your radio button, then click Options in the toolbar:

    You may copy these codes for your convenience:

    <a target="_blank" href="http://www.google.com" rel="nofollow noopener" >Hotel A</a>
    <a target="_blank" href="http://www.bing.com" rel="nofollow noopener" >Hotel B</a>
    <a target="_blank" href="http://www.yahoo.com" rel="nofollow noopener" >Hotel C</a>

    Hope this helps.