html形成具有两个操作的两个按钮

html form two buttons with two actions

本文关键字：两个 操作 按钮 html      更新时间：2023-09-26

嗨，我有这个简单的表单可以工作，更新和删除的功能都可以工作，但我似乎无法找到让它们在一个表单中同时工作的方法…以下是我正在做的

<form id ='UDAssignment' method ='get' name='UDAssignment'>
<input id ='action' type ='hidden' name ='action' value ='updateMessageFromSimpleForm' />
<label for='fId'> Id </label>
<input id ="fId" type='number' name ='fId' readonly/>
<label for='fTitle'> Title </label>
<input id ="fTitle" type='text' name ='fTitle'/>
<label for='fModule'>  Module </label>
<input id ="fModule" type ='text' name ='fModule'/>
<label for='fDescription'> Description </label>
<textarea rows ='4' id ='fDescription' type ='text' name ='fDescription'> </textarea>
<label for='fDueDate'> DueDate </label>
<input id ="fDueDate" type='date' name ='fDueDate'/>
<div class ="form-group">
<div class ="controls">
<button type ="submit" class ="btn btn-primary"> Update </button>
<button type ="submit" class = btn btn-default"> Delete </button>
</div>
</div>
</form>

所以基本上，在设置更新操作的那一刻，我想知道如果我点击删除按钮

，如何将删除操作设置为激发

您将需要添加一些客户端代码。理想情况下，它将是一个带有验证等功能的独立JavaScript函数。但最简单的方法是，您可以将Delete按钮修改为：

<button type ="submit" class = "btn btn-default" onclick="document.getElementById('action').value = 'deleteMessageFromSimpleForm';" > Delete </button>

在按钮提交之前，它调用click事件的处理程序，该事件将隐藏字段的值更改为新操作。

使用javascript 更改其功能

<input type="button" value="update" onclick="update()" />
<input type="button" value="delete" onclick="delete()" />

javascript:

function update(){
  document.UDAssignment.action = 'updateMessageFromSimpleForm';
  document.getElementById('UDAssignment').submit();
 }
function delete(){
  document.UDAssignment.action = 'deleteMessageFromSimpleForm';
  document.getElementById('UDAssignment').submit();
 }

我正在使用php。检查代码：

<?php
        if(isset($_GET['update'])){
        echo "update";
        //update code goes here
        }
        if(isset($_GET['delete'])){
        echo "delete";
        //delete code goes here
        }
    ?>
    <form id ='UDAssignment' method ='get' name='UDAssignment' action="">
        <input id ='action' type ='hidden' name ='action' value ='updateMessageFromSimpleForm' />
        <label for='fId'> Id </label>
        <input id ="fId" type='number' name ='fId' readonly/>
        <label for='fTitle'> Title </label>
        <input id ="fTitle" type='text' name ='fTitle'/>
        <label for='fModule'>  Module </label>
        <input id ="fModule" type ='text' name ='fModule'/>
        <label for='fDescription'> Description </label>
        <textarea rows ='4' id ='fDescription' type ='text' name ='fDescription'> </textarea>
        <label for='fDueDate'> DueDate </label>
        <input id ="fDueDate" type='date' name ='fDueDate'/>
        <div class ="form-group">
        <div class ="controls">
        <button type ="submit" name="update" > Update </button>
        <button type ="submit" name="delete"> Delete </button>
        </div>
        </div>
    </form>
相关文章：