Question

我有一个表单，其中两个按钮用于OK操作，另一个用于丢弃操作，具有ID和值。我想通过单击按钮上的jquery click事件提交表单，我需要向我的CMS发送一个POST，其中包含点击按钮的名称和值。我怎么能这样做？

Answer 1

如果按钮具有名称且类型为submit（默认类型），则（仅）单击按钮的值仍会被发送。现在，如果要附加单击事件处理程序，您仍然可以。使用evt.preventDefault()，您也可以取消提交。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

    <form action="index.html" method="POST">
        <button name="action" value="ok">OK</button>
        <button name="action" value="discard">discard</button>
    </form>
    <script>
            document.querySelector("button").addEventListener("click",function(evt){
                //return evt.preventDefault();
            });

    </script>        
</body>

</html>

首先尝试在独立页面（例如index.html）上使用GET进行测试，以查看网址上发送的内容。

Answer 2

这是我的代码，我有一个用于警告消息的模态函数，如果我单击discard我运行jquery click，表单将被提交而没有cencelButton值。

$('input[type=submit]#CancelButton').click();

<form action="/layout/set/ajax/content/removeobject" method="post" name="ObjectRemove" id="ObjectRemove">

<div class="warning"><h2>Sei sicuro di voler rimuovere questi elementi?</h2><ul>            <li>Lista delle cose da fare 1 </li>
    </ul>
</div>
  <input type="hidden" name="SupportsMoveToTrash" value="1">
  <p><input type="checkbox" name="MoveToTrash" value="1" checked="checked">Sposta nel cestino</p>

  <p><b>Nota:</b> Se <i>Sposta nel cestino</i> è selezionato troverai gli elementi eliminati nel cestino in seguito.</p>
  <br>

<div class="buttonblock">
    <input class="button" type="submit" name="ConfirmButton" id="ConfirmButton" value="Conferma">    
<input class="button" type="submit" id="CancelButton" name="CancelButton" value="Annulla"></div>

</form>

Jquery模拟点击提交表单不发送按钮值

2 个答案: