動態添加HTML元素使用jquery

基於我對BlausC的前一個問題的答案我現在能夠在一定程度上使用jQuery。但現在我需要添加一個複選框控件到由jquery基於servlet回發創建的表。我使用的代碼是動態添加HTML元素使用jquery

$("#linkInstr").click(function(){ 
    var arr=new Array(); 
    var cdid=$("#cboinstr option:selected"); 
    var code=$("#cbovendcode option:selected"); 
    $.get("trnDC?caseNo=21&insid="+cdid.text(),function(data){ 

     arr=data.split(","); 
     var tbl= $("#tblDetails"); 
     $('<tr>').appendTo(tbl).append($('<td>')) 
     .append($('<td>').text(code.val())) 
     .append($('<td>').text(cdid.text())) 
     .append($('<td>').text(arr[0])) 
     .append($('<td>').text(arr[1])) 
     .append($('<td>').text(arr[2])) 
     ; 

    })

}）

任何幫助將不勝感激

來源

2009-12-22 sansknwoledge

checkbok將在tbl的第一個td – sansknwoledge 2009-12-22 16:40:47

這是一個更好的方式，包括複選框，效率更高。

$("#linkInstr").click(function(){ 

    var arr=new Array(); 
    var contents; 

    var cdid=$("#cboinstr option:selected"); 
    var code=$("#cbovendcode option:selected"); 

    $.get("trnDC?caseNo=21&insid="+cdid.text(),function(data){ 
     arr=data.split(","); 
     contents = '<tr><td><input type="checkbox" /></td><td>' + cdid.text() + '</td><td>' + arr[0] + '</td><td>' + arr[1] + '</td><td>' + arr[2] + '</td></tr>'; 

     $("#tblDetails").append(content); 
    }); 
});

來源

2009-12-22 16:56:03 Ariel

感謝Ariel，這是有效的，同時也感謝alex和Vig的努力。很快我會發布我的下一個問題:-) – sansknwoledge 2009-12-22 17:07:52

您只需將標記爲在你需要它的複選框。請注意，像這樣調用append是不必要的，看看這篇文章的更多信息：43,439 reasons to use append() correctly

來源

2009-12-22 16:48:03

偉大的文章。感謝分享！ – Ariel 2009-12-22 17:13:22

我找了一個很好的教程，其中用戶展示了一些可以玩的JQuery插件。雖然這不是幫助您學習JQuery的基本教程。但是你可以在你的web項目中重用已經開發的代碼。查看鏈接techcubetalk

來源

2009-12-22 16:50:57 Alex

動態添加HTML元素使用jquery

回答

相關問題