如何处理表单中多个提交按钮的不同目标?

时间:2012-01-08 02:01:24

标签: php forms

在index.php中我有一个表单:

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

一旦用户在表单上的文本框中输入位置名称,他们就会点击“待售”提交按钮:

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

这会将用户带到action属性中指定的propForSale.php页面。 但我现在在index.php的表单上有另一个按钮:

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

我现在希望用户在点击“To Rent”按钮时被定向到“propToRent.php”。

目前,用户点击“To Rent”按钮时需要“propForSale.php”。这可能是因为它在表单的action属性中指定转到该特定页面。但是如何让它去“propToRent.php”?

提前致谢

3 个答案:

答案 0 :(得分:4)

为提交按钮添加名称。然后,您可以检查$_POST的值并重定向用户。

答案 1 :(得分:1)

使用带有2个选项的下拉菜单执行此操作。出租或出售,然后使用当前页面index.php并检查是否

(isset $ POST(&#39; location&#39;)) { 你的提交代码 }

答案 2 :(得分:1)

您可以使用两个按钮并使用Javascript更改表单的操作并将其提交到不同的页面,但我认为下拉菜单是更简单的解决方案。无论如何,要使用两个按钮,您需要以下内容:

<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>