Question

表单中的所有按钮，自动提交表单，但我需要其他按钮功能。

代码在这里：

     <html lang="en">
     <title>NTF Catering Service</title>
     <meta charset="utf-8">
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">              </script> 
       <script src="js/js.1.js" type="text/javascript"></script>
    </head>
   <body>
       <form action="create.php" method="post">

         <select multiple="multiple" class="options" id="textarea">
         <option value="item1">Item 1</option>
         <option value="item2">Item 2</option>
         <option value="item3">Item 3</option>
         <option value="item4">Item 4</option>
          <option value="item5">Item 5</option>
        </select>


    <button id="copy">Copy</button>
    <button id="remove">Remove</button>

     <select id="textarea2" multiple class="remove">


<input type="submit" name="submit" />
</form>
    </select>
     </html>

Answer 1

如果您的意思是所有按钮都提交了您的表单，请将以下内容添加到元素中： type =“button”

<button type="button" id="copy">Copy</button>
<button type="button" id="remove">Remove</button>

这应确保只提交表格

然后通过你的jquery代码控制它们：

    $('#copy').on('click', function(e){ ///do stuff here });
    $('#remove').on('click', function(e){ ///do stuff here });

或添加onclick到按钮：

<button onclick="someCopyfunction();" type="button" id="copy">Copy</button>
<button onclick="someRemovefunction();"  type="button" id="remove">Remove</button>

等

Answer 2

由于您标记了jQuery和Javascript，您还可以使用：

$('input[name="submit"]').click(function(event){
  event.preventDefault();
  //Do other stuff here
});

Answer 3

默认情况下，<button>标签是提交按钮，只需按钮使用

即可

<button type="button">copy</button>
<button type="button">Remove</button>

选中此what's the standard behavior when < button > tag click? will it submit the form?

注意始终指定<button>元素的type属性。不同的浏览器对元素使用不同的默认类型。

使用<input>在HTML表单中创建按钮。

Answer 4

现在您在<select>标记内写入输入按钮。

 <select id="textarea2" multiple class="remove">    

   <input type="submit" name="submit" />
   </form>
    </select>

要

</select>
 <input type="submit" name="submit" />
 </form>

同时如果您不想提交按钮

更改

<input type="submit" name="submit" />

以

<input type="button" name="submit" onclick='yourFunction()' />

Answer 5

尝试一下适合您的

<form action="">
  <textarea value="text here..." type="submit" method="post"></textarea>
</form>

当任何按钮点击表单将自动提交，即使按钮是一个不同的功能

5 个答案: