JS动态创建Table,Tr,Td并赋值的具体实现

2024-05-06 14:37:50

字体：大中小

来源：转载

供稿：网友

成果库修改：
      要求主题列表随成果类型改变而改变
      网上查询资料后开工，在成果类型下拉框添加change()事件触发Dwr，查询主题集合——动态创建/编辑Table
      概要代码如下：
JS
代码如下:
//动态获取主题数据
function getzts(){
    parentId = document.getElementById("bselect1").value;
    if(parentId!=""){
        dwrMethod.getZtList(parentId,callback5);
    }else{
        //清空主题Table的数据
        var t=document.getElementById("zhutiTable"); //获取Table
        var length= t.rows.length;          //获得Table下的行数
        if(length!=0){              //如果有行，则清空
            for(var i=length-1;i>=0;i--)
            {
             t.deleteRow(i);
            }
        }
        var r = t.insertRow();
        var c = r.insertCell();
        c.innerHTML="暂无主题列表";
        document.getElementById('zhutiTable').appendChild(t);
    }
}
function callback5(provinces){
    var t=document.getElementById("zhutiTable");     //获取Table
    var length= t.rows.length;             //获得Table下的行数
    if(length!=0){                      //如果有行，则清空
        for(var i=length-1;i>=0;i--)
            {
                t.deleteRow(i);
                }
    }
    if(provinces.length>0){

上一篇：浅谈JavaScript之事件绑定

下一篇：如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)