首页 看中国 最热点 望全球 老百姓 法与理 民生苑 正能量 文体娱 顾问团

三农

中国民生网总编办公室
旗下栏目: 菜篮 三农 就业 生育 物价
来源:网络 编辑/作者:民生网 发布时间:2017-09-17 20:53
摘要:成果库修改: 要求主题列表随成果类型改变而改变 网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合动态创建/编辑Table 概要代码如下: Jsp页面 [javascript] //动态获取主题数据 func

成果库修改:
      要求主题列表随成果类型改变而改变
      网上查询资料后开工,广东拆迁补偿标准,在成果类型下拉框添加change()事件触发Dwr,查询主题集合——动态创建/编辑Table
      概要代码如下:
 
Jsp页面
[javascript]
//动态获取主题数据 
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 = "<input type='checkbox' value="+provinces[i][0]+">"+provinces[i][1]; 
            } 
    }else{ 
        var r = t.insertRow(); 
        var c = r.insertCell(); 
        c.innerHTML="暂无主题列表"; 
    } 
    document.getElementById('zhutiTable').appendChild(t); 

 
[html]
<tr> 
    <td>成果类型</td> 
    <td> 
       <s:select onchange="getzts();"list="pTypeList" listKey="id" listValue="productionTypeName" headerKey="" headerValue="--  请选择  --" /> 
       <label>*</label> 
    </td> 
</tr> 
[html]
<tr> 
     <td>主题</td> 
     <td> 
        <table cellpadding="0" cellspacing="0" width=100%> 
       <tr> 
        <td>注:请先选择成果类型</td> 
       </tr> 
        </table> 
     </td> 
</tr> 

---------------------------------------------------------------------------------------------我是分割线-----------------------------------------------------------------------------------------------------------

function TbHeartrates() { $.post(window.location.href, { "action": "tbHeartrates" }, function (msg) { if (msg != "") { alert("1"); var obj = eval("(" + msg + ")"); var num = obj.rows.length; //var aa = document.getElementById('tbheartrates'); $('#tbheartrates').append('<tr><th>测试日期</th><th>测试结果</th><th>正常范围</th> <th>单位</th><th>温馨提示</th><th></th><th></th><th></th><th></th></tr>'); for (var i = 0; i < num; i++) { var trObjs = document.createElement("tr"); trObjs.innerHTML = '<td>11月10日</td> <td>' + obj.rows[i].JSON_ecg + '</td> <td>60-100</td> <td>次/m</td> <td>您的心率低于正常范围</td> <td></td> <td></td> <td></td> <td></td>'; var trObjimg = document.createElement("tr"); trObjimg.innerHTML = ' <td colspan="9"><img src="' + obj.rows[i].JSON_ecgxy + '" /></td>'; $('#tbheartrates').append(trObjs); $('#tbheartrates').append(trObjimg); } } }); }

欢迎转载回链: js动态添加table 数据tr td| 民生网
本页固定链接:https://www.minshengwang.com/sannong/580253.html
责任编辑:民生网