2010-11-03 3 views
0

Comment puis-je ajouter et supprimer dynamiquement des composants via jquery? Je veux sur cliquez Ajouter sur ma page ajouter une ligne, puis dans cette ligne il y aura une nouvelle zone de texte et même en supprimer sur cliquez sur le bouton Supprimer sur ma page sélectionnée cases à cocher lignes doivent avoir supprimé avec ses composants comme la zone de texteAjouter dynamiquement et supprimer le composant sur le bouton cliquer?

Comment ferais-je avec jquery?

Répondre

0
var parent = document.getElementById('id'); 
var next = $.create("<div></div>"); 
$.append(parent); 

pour enlever $('#myelement').remove('id')

0

essayer ...

<html> 
<head> 
    <title>m2z</title> 
    <script type="text/javascript">  
     function addNew() {    
      var mainContainer = document.getElementById('mainContainer');    
      var newDiv = document.createElement('div');    
      var newText = document.createElement('input'); 
      newText.type = "input"; 
      var newDelButton = document.createElement('input'); 
      newDelButton.type = "button"; 
      newDelButton.value = "Delete"; 
      newDiv.appendChild(newText);     
      newDiv.appendChild(newDelButton);    
      mainContainer.appendChild(newDiv);    
      newDelButton.onclick = function() { 
        mainContainer.removeChild(newDiv); 
      } 
     } 
    </script> 
</head> 
<body > 
    <div id="mainContainer"> 
     <div><input type="text" ><input type="button" value="Add" onClick="addNew()"></div> 
    </div> 
</body> 

Questions connexes