jquery對table中各資料的增加、保存、刪除操作範例_jquery

 
像這種頁面，我們往往不是透過提交表單來處理這些數據，因為如果在後台去遍歷處理這些大量的數據是非常繁瑣的；比較好的做法是在前台頁面中將資料以物件形式保存在json中，然後在後台直接將json轉換成我們需要的對象，這樣我們的直接可以處理對象了！

新增按鈕

複製程式碼 程式碼如下:

程式碼如下:

table id是pswd_basic_fill_template_p >複製程式碼 程式碼如下:

function addRowForPswdBasicFillTemplate(tid){
var Str面. val(); //這裡是對select框的一些初始化
did = tid;
var tr = $("").attr("bgcolor","#FFFFFF" );
tr.append($("").html("")) ;
tr.append($("").html(""));
tr.append($("").html( ""));
tr.append($("").html("")) ;
tr.append($("").html("" applyAreaOptionStr ""));
tr.append($("").html("" $("#indexSpeciesHtml").val() ""));
tr.append($("").html(""));
tr.append($("").html(""));
tr.append($("").html(""));
tr.append($("").html("
" $("#assessOrgHtml").val() ""));
tr.appendTo($ ("#" tid));
setRowNumber_1(tid); //儲存編號，上移下移操作會用到，先不注意
}

儲存按鈕

複製程式碼 程式碼如下:

儲存方法

> 程式碼如下:

function savePswdBasicFillTemplate(tid){
did = tid;
var result = getPswdBasicFillTemplate(); //封裝資料運算，請仔細看
if(result) *
if(pswd_basic_fill_template.lengthshowInfo("請新增基本資料標準");
return;
}
*/
for(var i=0 ;ipswd_basic_fill_template[i]=JSON.stringify(pswd_basic_fill_template[i]);
}
$.post("<1value save>



















































































&&



























































&&