在不同页面中使用表单输入并动态处理操作

时间:2015-08-20 16:22:44

标签: javascript php jquery html forms

我有四个文件,它们是index.phpcommonform.phpimage1.phpimage2.php

假设在index.php我有一个包含两个图片输入的表单,表单action动态更改,methodpost。单击第一个图像时会转到commonform.php,当单击第二个图像时,会转到commonform.php但是在共同形式中我有一个带有一些按钮输入的表单(它的工作可以是任何东西而不是我的关注)和提交按钮。我担心的是,当点击第一张图片时,会转到commonform.php,当点击提交按钮commonform.php时,它会转到image1.php,并且当点击第二张图片时也是如此,它转到commonform.php,当点击提交按钮commonform.php时,它会转到image2.ph p。任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

您可以在index.php中将变量附加到您的请求中,然后在commonform.php中识别它并决定跳转到目标目的地!

例如:

的index.php

<form action="commonform.php" method="POST">
  <input type="image" name="image_1" src="image1.gif" alt="Image 1">
  <input type="image" name="image_2" src="image2.gif" alt="Image 2">
</form>

commonform.php

<?php

if (isset($_POST['image_1_x'], $_POST['image_1_y'])) {
    $action = 'image1.php'; 
} 
if (isset($_POST['image_2_x'], $_POST['image_2_y'])) {
    $action = 'image2.php'; 
} 

?>

<form id="commonform" action="<?php echo $action; ?>" method="POST">
    <input type="button" value="From HTML">
    <input type="button" value="Content">
    <input type="button" value="Button style ">
    <br><br>
    <input type="submit" name="submit" value="Submit">
</form>

使用IMAGE类型artibute处理INPUT时;它发送X,Y artibutes,我们只需要检查它们!