>  기사  >  웹 프론트엔드  >  Table, Tr, Td를 동적으로 생성하고 값을 할당하는 JS의 구체적인 구현 _javascript 기술

Table, Tr, Td를 동적으로 생성하고 값을 할당하는 JS의 구체적인 구현 _javascript 기술

WBOY
WBOY원래의
2016-05-16 17:29:441108검색

업적 데이터베이스 수정:
업적 유형 변경에 따라 주제 목록이 변경되도록 요구
온라인으로 정보를 쿼리한 후 작업을 시작하고 업적 유형의 드롭다운 상자에 변경() 이벤트를 추가하여 트리거합니다. Dwr, 토픽 컬렉션 쿼리 - 동적으로 테이블 생성/편집
요약 코드는 다음과 같습니다.
JS

코드 복사 코드는 다음과 같습니다.

//Dynamic 주제 데이터 가져오기
function getzts(){
parentId = document.getElementById("bselect1").value
if(parentId!=""){
dwrMethod.getZtList(parentId,callback5) ;
}else{
                                                    // 테이블 아래 행 수를 가져옵니다
if(length!=0) { //행이 있으면 지우세요
for(var i=length-1;i>=0;i--)
{
t.deleteRow(i)
}
}
var r = t.insertRow(); 🎜> c.innerHTML=" 아직 주제 목록이 없습니다.";
document.getElementById('zhutiTable').appendChild(t)
}
}
function callback5(provinces){
var t=document.getElementById( "zhutiTable"); //테이블 가져오기
var length= t.rows.length; under Table
if(length!=0){ //행이 있으면 삭제
for(var i=length-1;i>=0;i--)
{
t.deleteRow(i);
} }
}
if(provinces.length> 0){                                                                    >
c.innerHTML = "" 지방[i][1]; insertRow();
var c = r.insertCell();
c.innerHTML="주제 목록 없음";
}
document.getElementById('zhutiTable');
}


html
코드 복사 코드는 다음과 같습니다.

🎜> < ;td class="add_tit">결과 유형


                                                                                                    


[html]

테마

  
                                            " :결과 유형을 먼저 선택하세요
                                  
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.