一个form表单需要多个提交按钮的实现（两种方式）

最新推荐文章于 2024-08-02 10:20:05 发布

最新推荐文章于 2024-08-02 10:20:05 发布 · 674 阅读

文章标签：

#php

本文介绍了一种通过JavaScript操作网页表单的方法，包括如何设置表单提交地址及输入框值，并展示了不同的按钮类型（如关注、发布等）对表单的影响。此外，还提供了一个简单的后端处理思路。

<script>
function ceshi()
{
document.form1.action = "http://*****/App/app2/callback.php";
document.getElementById("type").value= "ceshi";//设置输入框name值
}
function tijiao()
{
document.form1.action = "http://*****/App/app2/callback.php";
document.getElementById("type").value= "tijiao";//设置输入框name值
}
</script>

<div class="gz">
                <input  type="hidden" value="" name="type" id="type">
                <input type="checkbox" name="friend" value="0" id="gz" /><label for="gz">关注我的微博</label>
                </div>

				<div class="wb">
                <input type="image" value="发布" name="pub" src="images/sinabt.gif" onclick="tijiao()">
                </div>

另一个方法

<input type="submit" name="Submit1" value="删除选中的项目" style="background:#dddddd">
<input type="submit" name="Submit2" value="通过选中的项目" style="background:#009900">
<input type="submit" name="Submit3" value="修复选中的项目" style="background:#FF9900">