javascript - 链接为带有 name 属性的提交按钮

Question

我想使用链接作为提交按钮，但使用名称属性(例如 name="submit")。

按钮的实际结构

<button type="submit" name="submit">Submit</button>

使用 java 脚本的链接相当于什么？

可以通过这样的方式来完成

<a href="javascript:document.yourform.submit();">Button</a>

但没有 name 属性。由于某种原因，我需要在链接按钮中使用名称属性。

Answer 1

创建一个隐藏字段，将其命名为操作。在“提交”链接中，将隐藏字段值填充为“提交”。并且您可以检查隐藏输入的值(名称=操作，值=提交)

//JS function to set the hidden param
function doAction(action){
    document.getElementById('action').value=action;
}

//HTML Form
<form ...>
    <input type=hidden name="action" id="action" />
    <a href="javascript:doAction('submit');document.yourform.submit();">Submit</a>
    <a href="javascript:doAction('Update');CallSomeOther();">Update</a>

</form>

//Inside PHP
<?php
    $action = $_POST["action"];
    //do something
?>

希望对你有帮助!