Javascript 当任何按钮单击时，表单将自动提交，即使按钮是不同的功能_Javascript_Html_Forms

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

javascript html forms

Javascript 当任何按钮单击时，表单将自动提交，即使按钮是不同的功能,javascript,html,forms,Javascript,Html,Forms,表单中的所有按钮，自动提交表单，但我需要其他按钮功能代码如下： <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">

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

代码如下：

     <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>


NTF餐饮服务
项目1
项目2
项目3
项目4
项目5
复制
去除

现在您将输入按钮写入

标记中

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

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

到

同时如果你不想提交你的按钮

改变

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

至

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

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

或将onclick添加到按钮：

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

复制
去除

etc

既然您标记了jQuery和Javascript，您还可以使用：

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

默认情况下，

标记是submit按钮，使其仅用于按钮

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

复制
去除

检查这个

注意始终为

元素指定类型属性。不同的浏览器对元素使用不同的默认类型

使用

在HTML表单中创建按钮。

如果这些按钮对您有用，请尝试一下

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

tnx以获取您的回复，但我需要其他按钮功能，因为复制和删除是提交给另一个文本框的1textbox的jquery的另一个功能。但是我还需要将textarea提交到数据库，然后在jquery中，您可以将它们作为$（'#copy'）进行控制。在（'click'，function（e）{}）etcis上，同样尝试使用与simon Davies相同的tnx作为您的回复，如果您想提交它，请添加

表单。在yourFunction（）内的脚本中提交
OW ok it run tnx for your help:）））guy我没有在问题中看到jQuery标记编辑时已删除标记：首先更改代码提交按钮，表单关闭现在位于tag@user3211646欢迎你，接受一个对你有帮助的答案。是的，我接受有人指出你代码中的错误想帮助了解更多关于按钮的使用方式、使用时间以及功能的信息。
$('input[name="submit"]').click(function(event){
  event.preventDefault();
  //Do other stuff here
});

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

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