雖然上的按鈕

這裏的點擊添加一個div的內容到另一個DIV是我的代碼 -雖然上的按鈕

<div id="div1"> 

    this is div 1 

    <form class="thisformtobeaddeverytime"> 
    <!-- this form to be add on click #btn1 --> 
    </form> 

</div> 

<div id="div2"> 

    this is div 2 

     <form class="thisformtobeaddeverytime"> 
      <!-- this form to be add on click #btn2 --> 
     </form> 

</div> 

<div id="showtheaddedform"> 

      //here my form will be push on click to button 

</div> 

<button type="button" id="btn1">Add the form1</button> 
<button type="button" id="btn2">Add the form2</button> 

// the click function in my js file are as - 

$(document).on("click","#btn1",function(){ 
      $("#showtheaddedform").append($("#div1").html()); 
}); 
$(document).on("click","#btn2",function(){ 
      $("#showtheaddedform").append($("#div2").html()); 
});

現在的問題是 -

在點擊＃bun1它添加的內容＃DIV1到#showtheaddedform（即形式屬性和內部形式的所有元素），像

<div id="showtheaddedform"> 
     <form class="thisformtobeaddeverytime"> 
     <!-- this form to be add on click #btn1 --> 
     </form> 
</div>

但是當我點擊＃BTN2它的加入只有表單內的元素，像

<div id="showtheaddedform"> 
    <!-- this form to be add on click #btn2 --> 
    </div>

[注：我沒有寫任何刪除查詢]

..any的想法，它是如何消除！

來源

2014-03-06 Chinmoy

你的點擊事件沒有正確關閉 – Pavlo

點是only..all其他文本輸入可用它刪除表單標籤。 – Chinmoy

你是什麼意思***它去掉表單標籤只***你想移動'div'元素呢？ – Pavlo

你的第二個按鈕似乎有錯誤的ID。

<button type="button" id="btn1">Add the form2</button>

更改爲

<button type="button" id="btn2">Add the form2</button>

來源

2014-03-06 07:40:10 Thomas

對不起..that是一個錯字..它的＃btn2 – Chinmoy

無論你的按鈕具有相同的ID。也有是在

$(document).on("click","#btn1",function(){ 
     $("#showtheaddedform").append($("#div1").html()); 
}

語法錯誤添加

); to it

DEMO

實際上形成標籤越來越追加到第二個按鈕的點擊股利。但在UI中，它不會顯示，因爲它沒有任何標籤或文本。嘗試給它一些文字或標籤。它將工作

編輯

Updated Fiddle

來源

2014-03-06 07:42:36

問題不是與那些...我在每個表單中有很多文本輸入..重點是它只是刪除表單標籤..其他文本輸入都可用。 – Chinmoy

@ChinmoyMaity它的工作正常，請看看更新的小提琴 –

試試下面的代碼Java腳本標籤，改變你的按鈕id來BTN1和BTN2

$(document).ready(function(){ 
//alert("hi"); 
$("#btn1").click(function() 
{ 
    $("#showtheaddedform").empty(); 
    $("#showtheaddedform").append($("#div1").html()); 

}); 
$("#btn2").click(function() 
{ 
    $("#showtheaddedform").empty(); 
    $("#showtheaddedform").append($("#div2").html()); 

});

}）;

來源

2014-03-06 08:00:04

雖然上的按鈕

回答

相關問題