我的索引页面上有两个提交按钮,即国际和国内。当我单击按钮时,我希望这两个不同的按钮指向不同的页面,即 int.php 和 dom.php。你能帮我吗。感谢
7 回答
虽然只允许action = ""
为表单元素定义单个。但如果我必须这样做,我会这样做。
<form action ="somepage.php" method="post">
<!--all your input elements-->
<input type="submit" name ="international" value="international"/>
<input type="submit" name ="domestic" value="domestic"/>
</form>
确定单击了哪个按钮并采取相应措施。
if(isset($_POST['domestic']) {
//include dom.php
}
else if(isset($_POST['international']) {
//include int.php
}
然后您可以包含必要的文件。
AJAX/jQuery
或者另一种方式是顺其自然
你可以在 php 中使用 switch 来区分或使用 javascript
这是不可能的,因为您的表单的 action 属性一次只能指向一个位置,并且两个按钮都在同一个表单中(但如果您使用 AJAX 则可能)。
如果您想使用纯 PHP(即不涉及 Javascript),则必须为不同的按钮单击编写两个不同的处理程序,如下所示:
if(isset($_POST["name_of_international_button"])){
//actions to perform for this --
}
if(isset($_POST["name_of_domestic_button"])){
//action to perform for this
}
在每个处理程序的操作部分,您可以执行重定向,URL 包含要在int.php
或dom.php
脚本中处理的数据
您的表单操作必须包含某种条件语句,以根据单击的提交按钮重定向用户
<form action="<?php if(isset($_POST['international'])){echo 'international.php';}else{echo 'domestic.php';}?>" method="post">
<input type="text" name="field1" />
<input type="text" name="field2"/>
<input type="submit" value="international "name="international"/>
<input type="submit" value="domestic "name="domestic"/>
</form>
或者您可以在表单操作指定的页面上设置条件,并根据单击的按钮重定向它们,
用jquery来做!首先,不要创建提交按钮,只需创建
<input type="button" />
比给他们一个像这样的ID:
<input type="button" id="InternationalBTN" />
<input type="button" id="DomesticBTN" />
并使用 jquery 绑定动作
$(document).ready(function(){
$("#InternationalBTN").bind('click',function(){
$('#idOfYourForm').attr('action','setTheDestinationPageHere');
document.forms['nameOfYourForm'].submit();
});
});
你可以这样做:
在表单标签中请留空操作action=""
2个按钮发送:
<input class="btnSend" type="submit" name="International" value="International" id="International"/>
<input class="btnSend" type="submit" name="Domestic" value="Domestic" id="Domestic"/>
并使用 ajax:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function(){
$('#International ').click(function() {
// send to file 1 using ajax
});
$('#Domestic').click(function() {
// send to file 2 using ajax
});
});
</script>
以下是如何使用 ajax 发送数据:http:
//net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/
只需放置一个表单标签,并将操作设置为页面。然后提交按钮将导航到动作标签指向的那个页面......
就这么简单:D