国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

JS動(dòng)態(tài)創(chuàng)建Table,Tr,Td并賦值的具體實(shí)現(xiàn)

2024-05-06 15:48:39
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
這篇文章介紹了JS動(dòng)態(tài)創(chuàng)建Table,Tr,Td并賦值的具體實(shí)現(xiàn),有需要的朋友可以參考一下

成果庫(kù)修改:
      要求主題列表隨成果類(lèi)型改變而改變
      網(wǎng)上查詢(xún)資料后開(kāi)工,在成果類(lèi)型下拉框添加change()事件觸發(fā)Dwr,查詢(xún)主題集合——?jiǎng)討B(tài)創(chuàng)建/編輯Table
      概要代碼如下:
JS
 

復(fù)制代碼 代碼如下:


//動(dòng)態(tài)獲取主題數(shù)據(jù)
function getzts(){
    parentId = document.getElementById("bselect1").value;
    if(parentId!=""){
        dwrMethod.getZtList(parentId,callback5);
    }else{
        //清空主題Table的數(shù)據(jù)                  
        var t=document.getElementById("zhutiTable");  //獲取Table
        var length= t.rows.length;          //獲得Table下的行數(shù)
        if(length!=0){              //如果有行,則清空
            for(var i=length-1;i>=0;i--) 
            { 
             t.deleteRow(i);    
            }
        }
        var r = t.insertRow();
        var c = r.insertCell();
        c.innerHTML="暫無(wú)主題列表";
        document.getElementById('zhutiTable').appendChild(t);
    }
}
function callback5(provinces){
    var t=document.getElementById("zhutiTable");     //獲取Table
    var length= t.rows.length;             //獲得Table下的行數(shù)
    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);//創(chuàng)建新的行
                     }
                    //td 
            var c = r.insertCell();                //創(chuàng)建新的列
            c.innerHTML = "<input type='checkbox' value="+provinces[i][0]+">"+provinces[i][1];
            }
    }else{
        var r = t.insertRow();
        var c = r.insertCell();
        c.innerHTML="暫無(wú)主題列表";
    }
    document.getElementById('zhutiTable').appendChild(t);
}


html

復(fù)制代碼 代碼如下:


<tr>
    <td>成果類(lèi)型</td>
    <td>
       <s:select onchange="getzts();"list="pTypeList" listKey="id" listValue="productionTypeName" headerKey="" headerValue="--  請(qǐng)選擇  --" />
       <label>*</label>
    </td>
</tr>
[html]
<tr>
     <td>主題</td>
     <td>
        <table cellpadding="0" cellspacing="0" width=100%>
       <tr>
        <td>注:請(qǐng)先選擇成果類(lèi)型</td>
       </tr>
        </table>
     </td>
</tr>

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 专栏| 龙陵县| 卓资县| 济阳县| 惠州市| 本溪| 连山| 台北市| 偃师市| 洛浦县| 辽阳县| 漳平市| 和龙市| 临江市| 怀来县| 时尚| 南岸区| 琼海市| 肃宁县| 柳江县| 新巴尔虎左旗| 贺兰县| 绍兴县| 富宁县| 河津市| 洪湖市| 醴陵市| 临武县| 旌德县| 额尔古纳市| 通许县| 绥滨县| 宣化县| 雅江县| 荥阳市| 阜城县| 昌图县| 沭阳县| 永新县| 平原县| 滕州市|