添加在附加字段集按鈕，輸入框，當點擊按鈕

<script> 
$(document).ready(function() { 



    $("#fieldsetnew-addphone").click(function() { 
     var addphonenoinfieldsetnew = $(document.createElement('div')) 
      .addClass('fieldset1-inner-phoneno'); 
     addphonenoinfieldsetnew.after() 
      .html('<label>phone no : </label>' + '<input type="text" name="textbox" id="textbox" value="" >' + '<button class="btn btn-danger fieldset1-remove">remove</button>' + '<br>' + '<br>'); 
     addphonenoinfieldsetnew.appendTo("#fieldset1-outer-phoneno"); 

    }); 



    $("#fieldsetnew-add").click(function() { 
     var addnewfieldset = $(document.createElement('div')) 
      .addClass('fieldset1-inner-phoneno'); 
     addnewfieldset.after() 
       .html(
'<fieldset style="background-color:#B0C4DE;moz-border-radius:15px;-webkit-border-radius:15px;" id="defaultfeild" >' + 
     '<br>' + 
     '<br>' + 
     '<label> label :</label>'+ 
     '<input type="label" value="labelname" placeholder="">'+ 
     '<button class="btn btn-danger" id="remove" >remove this profile</button>'+ 
     '<br>' + 
     '<br>' + 
     '<label>Email :</label>' + 
     '<input type="email" value="labelname" placeholder="[email protected]">'+ 
     '<br>' + 
     '<br>' + 
     '<div>'+ 
     '<br>'+ 
     '<div id="TextBoxesGroup1">'+ 
     '<div id="TextBoxDiv1">'+ 
     '</div>'+ 
     '</div>'+ 
     '<button class="btn btn-success" id="fieldsetnew-addphone" > Add phone no </button>'+ 
     '</div>'+ 
     '<br>'+ 
     '<br>'+ 
     '</fieldset>'+ 
     '<br>'+ 
     '<br>'); 
     addnewfieldset.appendTo("#fieldset-new-add"); 

    }); 

}); 
</script> 
</head><body> 
<br> 



    <br><br> 
     <div id="fieldset-new-add"> 

       <!---add here----> 
       <!--- fieldset new----> 

     </div><br> 



    <button class="btn btn-success"id="fieldsetnew-add">Add new fieldset</button>

當我的jQuery插件的手機上點擊我的附加字段集沒有id="fieldsetnew-addphone"添加標籤按鈕，輸入框請儘快每檢查，並給予ANS一次，我想添加新的手機沒有按鍵，當我點擊另一個按鈕添加在附加字段集按鈕，輸入框，當點擊按鈕

來源

2013-08-27 user2721192

你也有類似的問題問http://stackoverflow.com/questions/18464701/remove-my- append-element-when-click-on-button是否這是工作 –

演示：http://jsfiddle.net/arunpjohny/PgdYw/1/現在這裏有什麼問題 –

檢查這個代碼：

$(document).ready(function() { 

    $("#fieldsetnew-addphone").click(function() { 
     var addphonenoinfieldsetnew = $(document.createElement('div')) 
      .addClass('fieldset1-inner-phoneno'); 
     addphonenoinfieldsetnew.after() 
      .html('<label>phone no : </label>' + '<input type="text" name="textbox" id="textbox" value="" >' + '<button class="btn btn-danger fieldset1-remove">remove</button>' + '<br>' + '<br>'); 
     addphonenoinfieldsetnew.appendTo("#fieldset1-outer-phoneno"); 

    }); 

    $("#fieldsetnew-add").click(function() { 
     var button = $('<button class="btn btn-success" id="fieldsetnew-addphone" > Add phone no </button>'); 
     var addnewfieldset = $(document.createElement('div')) 
      .addClass('fieldset1-inner-phoneno'); 
     addnewfieldset.after() 
      .html(
      '<fieldset style="background-color:#B0C4DE;moz-border-radius:15px;-webkit-border-radius:15px;" id="defaultfeild" >' + 
      '<br>' + 
      '<br>' + 
      '<label> label :</label>' + 
      '<input type="label" value="labelname" placeholder="">' + 
      '<button class="btn btn-danger" id="remove" >remove this profile</button>' + 
      '<br>' + 
      '<br>' + 
      '<label>Email :</label>' + 
      '<input type="email" value="labelname" placeholder="[email protected]">' + 
      '<br>' + 
      '<br>' + 
      '<div>' + 
      '<br>' + 
      '<div id="TextBoxesGroup1">' + 
      '<div id="TextBoxDiv1">' + 
      '</div>' + 
      '</div>' + 
      '</div>' + 
      '<br>' + 
      '<br>' + 
      '</fieldset>' + 
      '<br>' + 
      '<br>'); 
     button.appendTo("#fieldset-new-add"); 
     addnewfieldset.appendTo("#fieldset-new-add"); 


     button.on('click',function(){ 
      var addnew = $(document.createElement('div')) 
      .addClass('fieldset1-inner-phoneno'); 
     addnew.after() 
      .html(
      '<fieldset style="background-color:#B0C4DE;moz-border-radius:15px;-webkit-border-radius:15px;" id="defaultfeild" >' + 
      '<br>' + 
      '<br>' + 
      '<label> label :</label>' + 
      '<input type="label" value="labelname" placeholder="">' + 
      '<button class="btn btn-danger" id="remove" >remove this profile</button>' + 
      '<br>' + 
      '<br>' + 
      '<label>Email :</label>' + 
      '<input type="email" value="labelname" placeholder="[email protected]">' + 
      '<br>' + 
      '<br>' + 
      '<div>' + 
      '<br>' + 
      '<div id="TextBoxesGroup1">' + 
      '<div id="TextBoxDiv1">' + 
      '</div>' + 
      '</div>' + 
      '</div>' + 
      '<br>' + 
      '<br>' + 
      '</fieldset>' + 
      '<br>' + 
      '<br>'); 

      addnew.appendTo("#fieldset-new-add"); 
     }); 
    }); 

});

來源

2013-08-27 13:26:43

添加在附加字段集按鈕，輸入框，當點擊按鈕

回答

相關問題