追加“形式”不工作

Question

我尝试添加“DIV”元素及其内部的另一种“格”的内容，但不工作中“形式”的标签，它的外面做工精细的内部格..

<form id="myForm"> 
      <div id ="wrapfields" class="input_fields_wrap"> 
      <div class="col-md-12 form-group"> 
       <button style ="margin-left:1%;"class="btn btn-success"onclick="Addelemt()">+</button> 
      </div> 
      <div> 
        <div class="col-md-6 form-group"> 
         <label class="text-center">Add Items</label> 
         <input type="text" class="form-control" name="addItem[]" id="email"> 
        </div> 
        <div class="col-md-2 form-group"> 
         <label>Price</label> 
         <input type="text" class="form-control" name="addprice[]" id="email"> 
        </div> 
        <div class="col-md-2 form-group"> 
        <label>Quantity</label> 
        <input type="text" class="form-control" name="addprice[]" id="email"> 
        </div> 
      </div> 
      <div id ="" style="margin-bottom:10px;"> 
      <div class="col-md-2 form-group" style="margin-left:45%;"> 
      <button type ="submit" onsubmit ="return saveInputs()" name ="submit" class="btn btn-default"/>submit</button> 
      </div> 
      </div> 
     </div> 
     </form> 

，到目前为止，编写的JavaScript代码..

var counter = 0;var increment=0; 

function Addelemt() 
{ 
var parentDiv = document.getElementById('wrapfields'); 
    increment++; 
    var divClass = document.createElement("div"); 
    divClass.setAttribute('id','divId'+increment); 
    console.log(divClass); 
    parentDiv.appendChild(divClass); 

} 

谁能告诉我，为什么它不是“形式”内工作???

Answer 1

那么，问题是你的HTML

<button style ="margin-left:1%;" class="btn btn-success" onclick="Addelemt()">+</button> 

添加type="button"添加按钮

<button style ="margin-left:1%; "class="btn btn-success" type="button" onclick="Addelemt()">+</button> 

由于button内<form>标签不type属性将被视作Submit按钮，因此它刷新页面。