jquery动态生成改变table的数据内容

<div id="mask" style="display:none"></div>
<!-- <input type="button" οnclick="showWindow()" value="数据" /> -->
<div id="win" style="border:1px red solid;width:50%; position:absolute; top:13%; left:25%; z-index:101;display:none;background-color: #dddddd">
<table style="align=cente;width=100%; border=1; cellspacing=1;cellpadding=0" id ="mytable">
         <thead id ="myThead">
         </thead>
         <tbody id = "myTbody">
         </tbody>
     </table>

</div>


$("input[id$='01']").click(function(){
showWindow("popTool.do?action=getTeaListJson");
id = $(this).attr("id").replace("01","");
/* $("#"+id+"Teacher").load("?action=getTeaList");
$("#"+id+"Teacher").show("slow"); */
});


var popDataUrl;//为了次弹出可以复用,动态请求地址
function showWindow(str) {
popDataUrl = str;
document.getElementById("win").style.display = "block";
document.getElementById("mask").style.display = "block";
popData();
};
function closeWindow() {
document.getElementById("win").style.display = "none";
document.getElementById("mask").style.display = "none";
clear();
};
function popData(flg){
$.post(popDataUrl+"&event="+flg, function(result){
// jquery的each循环
var mydata = result.data;
var params = result.params.split(',');
$("#myThead").append(result.thead);
$.each(mydata, function() {
var td = "";
for(var index in params){
td = td + "<td>"+this[params[index]]+"</td>";
}
var tr = "<tr id = "+this.id+">"+td+"<td id='1111'><input type='radio' id='0000' name='myRadio' οnclick=chang('"+this.id+"');></td></tr>";
$("#myTbody").append(tr);
});
$("#win").append(result.page);
});
};


function clear(){
$("#myTbody").empty();
$("#myThead").empty();
$("#pageDiv").remove();
};
function getPageS(pageIndex){
clear();
popData("S&pageIndex="+pageIndex);
};
function getPageX(pageIndex){
clear();
popData("X&pageIndex="+pageIndex);
};
function chang(obj){
var $tr = $("#"+obj);
var tname = $tr.children('td').eq(0).text();
var myradio = $("input[type='radio']:checked").val().split(',');
$("#"+id+"01").val(tname);
$("#"+id+"").val(obj);
};

真正的表头和表数据在后台通过json打印前台。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值