-
Simple form question
I have a two drop down menus where you can select two different variables, type of fruit and a utensil. I would then like to take those variables and add them to a string for use as an URL. Here's where I am so far...
PHP Code:
<form id="form1" name="form1" action="" method="get">
<strong>Select a fruit:<br /></strong>
<select name="fruitSelection" class="fruit_dd">
<option value="">Select...</option>
<option value="apple">Apple</option>
<option value="banana">Banana</option>
<option value="orange">Orange</option>
</select>
<select name="utensilSelection" class="utensil_dd">
<option value="">Select...</option>
<option value="fork">Fork</option>
<option value="spoon">Spoon</option>
</select>
<input name="Button" type="submit" value="Submit" onClick="submitSelections()"/>
</form>
<script type="text/javascript">
function submitSelections() {
var newURL="http://www.sampleURL.com/index.html"
//How do I add the fruit and utensil to that URL?
}
Any help would be greatly appreciated!
-
Do you need to use JavaScript for a reason? If you do then sorry for this daft reply
<form id="form1" name="form1" action="http://www.sampleURL.com/index.html" method="get">
<strong>Select a fruit:<br /></strong>
<select name="fruitSelection" class="fruit_dd">
<option value="">Select...</option>
<option value="apple">Apple</option>
<option value="banana">Banana</option>
<option value="orange">Orange</option>
</select>
<select name="utensilSelection" class="utensil_dd">
<option value="">Select...</option>
<option value="fork">Fork</option>
<option value="spoon">Spoon</option>
</select>
<input name="Button" type="submit" value="Submit"/>
</form>
Would be how to do it with just plain simple HTML...
-
If you do need to use JavaScipt then the easiest way would be:
PHP Code:
<script type="text/javascript"> function submitSelections() { var newURL="http://www.sampleURL.com/index.html" newURL = newURL + "?fruitSelection="+ document.form1.fruitSelection.value +"&utensilSelection="+ document.form1.utensilSelection.value alert ( newURL ); } </script>
<form id="form1" name="form1" action="" method="get"> <strong>Select a fruit:<br /></strong> <select name="fruitSelection" class="fruit_dd"> <option value="">Select...</option> <option value="apple">Apple</option> <option value="banana">Banana</option> <option value="orange">Orange</option> </select> <select name="utensilSelection" class="utensil_dd"> <option value="">Select...</option> <option value="fork">Fork</option> <option value="spoon">Spoon</option> </select> <input name="Button" type="submit" value="Submit" onClick="submitSelections()"/> </form>
Tags for this Thread
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|