送信ボタンでフォームを送信

Question

私は自分のページに複数のボタンを表示しようとしていますが、何らかの理由ですべてのボタンが私のページを次のページに送信しています。私の提出ボタンだけを提出させる方法はありますか？そして私の他のボタンは、そこに設定された機能だけを行うのですか？なしタイプと

<form name="generatereport" method="post" action="_location_queries.cfm"> 

<select name="Location" id="loc" multiple="multiple"> 
    <!---<option selected value="">Select location</option>---> 
    <option value="OPERATIONS">Operations</option> 
    <option value="CCC">Contact Center</option> 
    <option value="QA">QA Department</option> 
    <option value="DS">DeSoto</option> 
    <option value="PS">Palma Sola</option> 
    <option value="LWR">Lakewood Ranch</option> 
    <option value="NR">North River</option> 
    <option value="SDL">SDL</option> 
</select> 

<button id="add">ADD ALL</button> 
<button id="rem">REMOVE ALL</button> 
<br /><br /> 

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

</form> 

<script type="text/javascript"> 
var opts = document.querySelectorAll('#loc option'); 

document.getElementById('add').addEventListener('click', function() { 
    for (var i=0; i<opts.length; i++) { 
     opts[i].selected = true; 
    } 
}); 

document.getElementById('rem').addEventListener('click', function() { 
    for (var i=0; i<opts.length; i++) { 
     opts[i].selected = false; 
    } 
}); 
</script> 

Answer 1

ボタンは、ボタンを提出

のように解釈されているボタンのデフォルトのタイプはsubmitので、buttonの種類が含まれ、それが提出していないだろうtype="button"

<button type="button">Button</button> 

Answer 2

を追加書式：

<button id="add" type="button">ADD ALL</button> 
<button id="rem" type="button">REMOVE ALL</button>