2017-03-02 7 views
1

Ich versuche zu anhängen ‚div‘ Element und dessen Inhalt in einem anderen ‚div‘, aber das funktioniert nicht innerhalb ‚Form‘ tag, außerhalb seiner Arbeits fein ..innen ‚Form‘ nicht funktioniert

Anfügen 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> 

und der Javascript-Code bisher geschrieben ..

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

} 

Kann mir jemand sagen, warum seine nicht in ‚Form‘ arbeiten ???

+0

Warum erhöhen Sie so kompliziert? –

+0

ich habe es geändert .. –

Antwort

3

Also, das Problem ist, mit Ihrem HTML

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

type="button" Schaltfläche Hinzufügen ohne type Attribut

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

Als button innerhalb <form> Tages hinzufügen ähnlichen Submit Taste behandelt wird, damit es die Seite aktualisieren .

+0

Ja, danke. Ich habe mich gefragt, warum die Seite neu geladen wird, während ich auf die Schaltfläche "+" klicke. –

+0

@ARUNMadathil Willkommen, Vergnügen ist alles meins, Sie können die Antwort akzeptieren, wenn es Ihr Problem löst. –

+0

ja ich möchte es akzeptieren, aber nicht funktioniert, ruf? .. –

Verwandte Themen