Question

In index.php I have a form:

<form name="UserLocation" action="propForSale.php" method="GET">

Once the user types in the name of a location in the text box on the form, they click on the “For Sale” submit button:

<input type="submit" value="For Sale" />

This takes the user to propForSale.php page as specified in the action attribute.
But I now have another button on the form in index.php:

<input type="submit" value="To Rent" />

I now want the user to be directed to “propToRent.php” when they click on the “To Rent” button.

At the moment, it take the user to “propForSale.php” when they click on the “To Rent” button. This is probably because it is specified in the action attribute of the form to go to that particular page. But how do I get it to go to “propToRent.php”?

Thanks in advance

Answer 1

You can have two buttons and use Javascript to change the action of form and submit it to different pages, but I think the drop-down menu is the simpler solution. Anyway, to use two buttons you’ll need something like:

<form id="userLocation" action="" method="get">
<p>
    <label for="field1">Field 1:</label>
    <input type="text" id="field1" name="field1" />
</p>
<p>
    <label for="field2">Field 2:</label>
    <input type="text" id="field2" name="field2" />
</p>    
<p>
    <input type="button" value="For Sale" onclick="submitForm('forSale.php')" />
    <input type="button" value="To Rent" onclick="submitForm('toRent.php')" />
</p>
</form>
<script type="text/javascript">
function submitForm(action) {
    form = document.getElementById('userLocation');

    form.action = action;
    form.submit();
}
</script>