Gönder düğmesi ile formu gönderin Diğer düğmeleri değil sayfa

Question

Sayfanın bir düğmesinden birden fazla düğmeyi almaya çalışıyorum, ancak bir nedenle her düğme sayfamı bir sonraki sayfaya gönderir. Yalnızca gönder düğmemin gönderilmesinin ve diğer düğmelerimin yalnızca ayarlanmış olan işlevleri yapmasının bir yolu var mı? Hiçbir tip

<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

Düğme

type="button"

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

Answer 2

bir düğmeye varsayılan tip submit olduğunu

eklemek, bu yüzden button bir türünü dahil düğme göndermek gibi yorumlanır ve teslim olmayacak form:

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