JS 동적 생 성 Table, Tr, Td 및 할당 의 구체 적 인 실현

2806 단어
성과 라 이브 러 리 수정:
      테마 목록 이 성과 유형 에 따라 바 뀌 도록 요구 합 니 다.
      인터넷 에서 자 료 를 조회 한 후 작업 을 시작 합 니 다. 성과 유형 드 롭 다운 상자 에 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
 
  

   
   
      

좋은 웹페이지 즐겨찾기