带有 2 个按钮的表单需要根据值调用不同的函数

form with 2 buttons need to call different functions based on value

本文关键字：值调用 函数 按钮 表单 带有      更新时间：2023-09-26

>我有一个页面，网址中有很多帖子数据。

例如www.test.com/test.php？userid='tester'&name=test&so

上面的页面有一个表格，内容如下：

<? 
$set=get_value_set;
if($set ==1) {
    $set_value="SET";
} else {
    $set_value="UNSET";
}
?>
<form name="test">
<input type="text" readonly="READONLY" value="<? echo $user_id; ?>">
<input type="submit" value="Email" name="submit_user">
<input type="submit" value="<? echo $set_value; ?>" name="submit_user">
<? 
function setuser()
{
//sets the value
}
function email_user()
{
//sets the value
}
?>

上面有两个按钮，当我单击电子邮件时，我希望将电子邮件按钮的值传递给email_user函数并在那里进行一些处理。当我点击设置按钮时，类似的事情。

注意：但在上述两种情况下，我希望表单保留在同一页面中，并在 url 中使用相同的帖子数据，但我也希望刷新页面，以便 set 按钮的值可以是"设置"或"未设置"，具体取决于数据库更新。

这可能吗？

我会开始删除每个按钮的submit操作并将它们更改为

<input type="button" class="btn-Email" value="Email" name="submit_user" />
<input type="button" class="btn-Other" value="<? echo $set_value; ?>" name="submit_user" />

然后，使用jQuery，您可以轻松处理每次点击并提交表单

$(function() {
  $(".btn-Email").click(function() {
    // append anything you want
    var but_email_value = $(this).val(), // or $(".btn-Email").val()
        btn_other_value = $(".btn-Other").val();
    $("form").submit();
  });
  $(".btn-Other").click(function() {
    // append anything you want
    var but_other_value = $(this).val(), // or $(".btn-Other").val();
        btn_email_value = $(".btn-Email").val();
    $("form").submit();
  });
});

更改您的HTML

<form id="test" name="test">
...
<button onclick="email_user();">Email</button>
<button onclick="setuser();"><? echo $set_value; ?></button>
</form>

您的函数应为您提交表单：

document.getElementById("test").submit();
相关文章：