Question

我在一个表单中有两个按钮，名为main.php ....按钮是“查看”和“保存”..所以“查看”按钮将转到view.php然后“保存”按钮将转到save.php页面。我的问题是我有一个脚本代码，当我单击“查看”它的工作但当我点击“保存”按钮时，它也会重定向到view.php而不是save.php。

这是我的代码：

<head>
function changeFrm(){
    document.getElementById("view").src="view.php";
    document.getElementById("save").src="save.php";
}
</head>
<form action="" method="post">
<input type="submit" name="view" value="View Building/s" onClick="changeFrm();">    
<input type="submit" name="save" value="Save" onClick="changeFrm();">
</form>

我也试过了

<input type="submit" name="view" value="View Building/s" onClick="parent.changeFrm();"> 
<input type="submit" name="save" value="Save" onClick="parent.changeFrm();">

但仍然相同......

以下是保存代码：

for($i=0; $i<sizeof($bldg);$i++)
                {
                    $query = "INSERT INTO tbldata(fldNetname,fldBldgName,fldPlaylist,fldDuration,fldFrom,fldTo) VALUES ('".$network."','".$bldg[$i]."','".$AdName."','".$duration."','".$from."','".$to."')";
                    mysql_query($query) or die (mysql_error());
                }
                echo "save";

对于View页面。它将再次加载view.php

谢谢！

Answer 1

我不确定你是如何看待这段代码的，但它肯定没有按你认为的那样做。

您的JavaScript代码不会更改任何内容，因为没有id值为view或save的元素。
src元素没有有意义的input属性，所以即使找到那些元素也不会产生任何影响。

当您点击submit按钮时，表单会发布到包含该按钮的action标记中的form属性。如果action上没有明确的form，那么我想它会提交到当前加载的网址（当前页面）。

您可能应该有一个“默认”submit，而不是两个submit按钮，它们会发布到默认页面（并且该页面为action中的form {1}}元素）然后是一个常规按钮，用于通过JavaScript“提交”到另一个页面。像这样：

<input type="submit" name="view" id="viewButton" value="View Building/s" /> 
<input type="button" name="save" id="saveButton" value="Save" />

然后为你的JavaScript，像这样：

document.getElementById('saveButton').onclick = function() {
    var form = document.getElementById('theIDOfYourForm');
    form.action = 'save.php';
    form.submit();
}

这是未经测试的，因此可能需要对form上的提交操作进行一些调整。但基本上这个想法是第二个按钮在技术上不是submit所以它不会导致表单默认发布。相反，您在JavaScript中添加了一个click事件处理程序，它会更改表单的action并手动提交。

这里还要注意我构建JavaScript的方式。我没有从HTML代码中内联调用JavaScript函数，而是将HTML保持干净，而是在页面加载时“绑定”按钮的click事件。这是一种更加“不引人注目”的JavaScript构造方式，它允许您更轻松地相互独立地修改JavaScript和HTML。

Answer 2

你试过吗？

    <input type="button" value="button1" onClick="this.form.action='your_first_action_url'; this.form.submit()">
    <input type="button" value="button2" onClick="this.form.action='your_second_action_url';this.form.submit()">

和<form action="">

PHP：两个按钮将进入不同的页面

2 个答案: