2010-12-20 1 views
0

salut cela crée une erreur, i neesd création dynamique de lignes et de suppression s'il vous plaît me aiderveuillez vérifier ce code me donner une suggestion?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
    <title>Dynamic Rows</title> 
    <script src="Include_Files/jquery-1.4.2.min.js" type="text/javascript"></script> 
    <script> 
    $(document).ready(function(){ 
    $("<table class='ta1' border='1'></table>").appendTo('.table1'); 
    $('.add').click(function(){ 
    addRows(); 
    }; 
function addRows(){ 
$table=$(".ta1"); 
$("<tr class='ta1'><td>rajasekhar</td><td>hostanalytics</td></tr>").appendTo($table); 
} 
}); 
    </script> 
    </head> 
<body> 
    <div id="table1"></div> 
    <input type="button" class="add" name="add" value="AddRows"/> 
    <input type="button" class="delete" name="delete" value="DeleteRows"/> 
</body> 
</html> 

Répondre

5

Vous avez juste quelques erreurs de syntaxe, un ) manquant pour votre gestionnaire .click() principalement, et un var pour $table1, donc ceci:

$('.add').click(function(){ 
    addRows(); 
}; 
function addRows(){ 
    $table=$(".ta1"); 
    $("<tr class='ta1'><td>rajasekhar</td><td>hostanalytics</td></tr>").appendTo($table); 
} 

devrait être:

$('.add').click(function(){ 
    addRows(); 
}); 
function addRows(){ 
    var $table=$(".ta1"); 
    $("<tr class='ta1'><td>rajasekhar</td><td>hostanalytics</td></tr>").appendTo($table); 
} 

Et vous pouvez mince que vers le bas un peu plus loin:

$('.add').click(addRows); 
function addRows(){ 
    $("<tr class='ta1'><td>rajasekhar</td><td>hostanalytics</td></tr>").appendTo(".ta1"); 
} 

Ou tout simplement:

+0

Merci beaucoup ...! – rajasekhar

Questions connexes