关于我们当前位置:星鸿娱乐 > 关于我们 > >

星鸿娱乐平台:JS动态创建Table,Tr,Td并赋值的具体

  

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

  成果库修改:  
要求主题列表随成果类型改变而改变  
网上查询资料后开工,在成果类型下拉框添加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){  
for (var i = 0; i < provinces.length; i++) {  
//tr  
星鸿娱乐注册 if(i%4==0){  
var r = t.insertRow(t.rows.length);//创建新的行  
}  
//td  
var c = r.insertCell(); //创建新的列  
c.innerHTML = ""+provinces[i][1];  
}  
}else{  
var r = t.insertRow();  
var c = r.insertCell();  
c.innerHTML="暂无主题列表";  
}  
document.getElementById('zhutiTable').appendChild(t);  
}  
  
html  
代码如下:
  
  
成果类型  
  
  
  
  
  
[html]  
  
主题  
  
  
  
  
  
注:请先选择成果类型
  
  
  

(责任编辑:admin)

上一篇:19个很有用的 JavaScript库推荐

下一篇:没有了

推荐内容

客户服务热线

400 888 8932

在线客服