Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธีใช้ปุ่มส่ง (Submit Buttons) หลายปุ่มใน HTML Form

ใช่ สามารถมีปุ่มส่ง (submit buttons) หลายปุ่มใน HTML form ได้ ตัวอย่างง่ายด้านล่าง:

ที่นี่ใช้ MVC VB.net ใน View ใช้ปุ่ม 3 ปุ่ม ชื่อเดียวกันแต่ค่า (value) ต่างกัน ใน Controller ใช้พารามิเตอร์ชื่อเดียวกัน (cmd) แบบ string และเปรียบเทียบกับค่าของปุ่ม (Save, Update, Delete)

multisubmit.aspx (View)

<html xmlns="https://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>multiple submit button</title> 
</head> 
<body> 
<div> 
<% Using Html.BeginForm()%> 
<%: Html.ValidationSummary(True) %> 
<button type="submit" id="postback1" name="cmd" value="Save" >Save</button> 
<button type="submit" id="postback2" name="cmd" value="Update">Update</button> 
<button type="submit" id="postback3" name="cmd" value="Delete">Delete</button> 
<%: Html.Encode(ViewData("msg"))%> 
<% End Using%> 
</div> 
</body> 
</html>

Controller (VB.NET)

Test.controller 
Function multisubmit() As ActionResult 
  Return View() 
End Function 

<HttpPost()> _ 
Function multisubmit(ByVal cmd As String) As ActionResult 
  If (cmd = "Save") Then 
    ViewData("msg") = " SAVE" 
  ElseIf (cmd = "Update") Then 
    ViewData("msg") = "UPDATE" 
  ElseIf (cmd = "Delete") Then 
    ViewData("msg") = "DELETE" 
  End If 
  Return View() 
End Function