追加「形式」不工作

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按鈕，因此它刷新頁面。