-
Posts
4 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by chin88
-
-
Let's try this again...
I'm using 2 radio buttons and a drop down. what I want is to send the user to one of 6 urls when they hit submit.
radio buttons: -Fairy Goddess
-Inner Warrior
drop down : -Young Adult
-20 Something
-30 and up
Possible outcomes: 1. Fairy Goddess - Young Adult -->url
2. Fairy Goddess - 20 Something -->url
3. Fairy Goddess - 30 and up -->url
4. Inner Warrior - Young Adult -->url
5. Inner Warrior - 20 Something -->url
6. Inner Warrior - 30 and up -->url
here's my NEW code:
<form action="/html/tags/html_form_tag_action.cfm" method="get"><fieldset><div><label for="guide">Choose Your Guide</label><br><input type="radio" name="guide" value="fairygoddess" /> Fairy Goddess<input type="radio" name="guide" value="innerwarrior" /> Inner Warrior</div><div><label for="age">Choose your Age Group:</label><br><select name="age"><option value ="youngadult">Young Adult</option><option value ="20something">20 Something</option><option value ="30andup">30 and up</option></select></div><div><input type="submit" value="Submit" /></div></fieldset></form>
-
-
Hi All,
This is my first post! I think this site is amazing. I love the little try it yourself windows. SO cool.
So my question is this: how can I make a form that has two drop down menus (the first with 2 options and the second with 3) and a submit button which upon clicking will take the user to one of 6 html pages on my website.
Drop down 1: -Fairy Goddess
-Inner Warrior
Drop down 2: -Young Adult
-20 Something
-30 and up
Possible outcomes: 1. Fairy Goddess - Young Adult
2. Fairy Goddess - 20 Something
3. Fairy Goddess - 30 and up
4. Inner Warrior - Young Adult
5. Inner Warrior - 20 Something
6. Inner Warrior - 30 and up
I've tried to get a start by modifying this check-box & submit disclaimer code that I successfully implemented on one page. I haven't an idea how to modify the JS to match what I want to do with the HTML. Please correct and direct me to solve this!
The code I have now:
<SCRIPT language=JavaScript><!--//Accept terms & conditions script (by InsightEye www.insighteye.com)//Visit JavaScript Kit (http://javascriptkit.com) for this script & more.function checkCheckBox(f){if (f.agree.checked == false ){alert('Please agree to the terms by checking the box to continue.');return false;}else{return true;}}//--> </SCRIPT>
followed by:
<!-- Consultation form code --> <form action="fairy-goddess.html" autocomplete="on"> Choose your Guide <input list="guides" name="guide"> <datalist id="guides"> <option value="Fairy Goddess"> <option value="Inner Warrior"> </datalist><br> Choose your age group <input list="age-groups" name="age-group"> <datalist id="age-groups"> <option value="Young Adult"> <option value="20 Something"> <option value="30 & up"> </datalist><br> <input type="button" class="btn btn-default" value="Submit" onclick="document.location.href='../disclaimer.html';"></form><!-- Consultation form code -->
THANKS!!
form with radio buttons, dropdown box
in HTML/XHTML
Posted
Thanks very much dsonesuk!
You're a great teacher.