Multiple choice with text & link after each choice

Gravity Support Forums » Plugin Support » Gravity Forms

Joe
Member

Is there a way that I can create a form with multiple choice and then text with a link after each choice?

I will be running a site that includes film awards, and I would like members to be able to vote, but after the name of each film I'd like to include the link to where it can be viewed.

Posted 15 years ago on Tuesday April 20, 2010 | Permalink

You can do this with some jQuery added to your page template.

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.gchoice_17_0 label').html('vote for number 1 <a href="http://www.domain.com">&raquo; view link</a>');
jQuery('.gchoice_17_1 label').html('vote for number 2 <a href="http://www.domain.com">&raquo; view link</a>');
jQuery('.gchoice_17_2 label').html('vote for number 3 <a href="http://www.domain.com">&raquo; view link</a>');
});
</script>

You would just need to customize the snippet with the actual list item classes from your form (replace .gchoice_17_0 etc.)

test screenshot

Posted 15 years ago on Tuesday April 20, 2010 | Permalink

Joe
Member

Thanks, I'll check out that code.

Posted 15 years ago on Tuesday April 20, 2010 | Permalink
digitohter
Member

Good tip, put output code doesn't validate: "document type does not allow element "a" here"

Test form: http://www.digitohter.ee/sylearvuti-laadijad/acer (script now removed)

Is there any way to make this script valid?

Posted 14 years ago on Sunday December 12, 2010 | Permalink
Kevin Flahaut
Administrator

Just try externalizing the jQuery script and then reference the .js file in the document head. That should validate without any problems.

Posted 14 years ago on Sunday December 12, 2010 | Permalink
digitohter
Member

Thanks, that works!

Posted 14 years ago on Sunday December 12, 2010 | Permalink

This topic has been resolved and has been closed to new replies.