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

  • Profile Image
    John Wheatley
    Asked 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
    fxr
    Answered 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
    John Wheatley
    Answered 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
    NeilVicente
    Answered on October 05, 2011 at 10:23 PM

    John,

    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.


    Neil