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

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

May 16, 2016 pm 05:29 PM
table 만들다 과제

업적 데이터베이스 수정:
업적 유형 변경에 따라 주제 목록이 변경되도록 요구
온라인으로 정보를 쿼리한 후 작업을 시작하고 업적 유형의 드롭다운 상자에 변경() 이벤트를 추가하여 트리거합니다. 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으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. 크로스 플레이가 있습니까?
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

VMware 가상 머신에 대한 복사 및 붙여넣기를 활성화하는 방법 VMware 가상 머신에 대한 복사 및 붙여넣기를 활성화하는 방법 Feb 21, 2024 am 10:09 AM

VMware 가상 머신(VM)과 물리적 시스템 간에 텍스트와 파일을 쉽게 복사하고 붙여넣을 수 있습니다. 이 기능을 사용하면 가상 머신과 호스트 시스템 간에 이미지, 서식이 지정된 텍스트와 서식이 지정되지 않은 텍스트, 이메일 첨부 파일까지 쉽게 전송할 수 있습니다. 이 문서에서는 이 기능을 활성화하는 방법과 데이터, 파일 및 폴더를 복사하는 방법을 보여줍니다. VMware에서 복사/붙여넣기를 활성화하는 방법 VMware는 아래 설명된 대로 데이터, 파일 또는 폴더를 가상 시스템에서 물리적 시스템으로 또는 그 반대로 복사하는 세 가지 방법을 제공합니다. 요소 복사 및 붙여넣기 드래그 앤 드롭 기능 폴더 공유 1 ] 복사 활성화 -VMware 도구를 사용하여 붙여넣기 VMWare 설치 및 게스트 운영 체제가 요구 사항을 충족하는 경우 키보드를 사용할 수 있습니다.

Word에서 페이지를 복사하는 방법 Word에서 페이지를 복사하는 방법 Feb 20, 2024 am 10:09 AM

Microsoft Word에서 페이지를 복사하고 서식을 그대로 유지하고 싶으십니까? 특정 문서 레이아웃이나 형식의 복사본을 여러 개 만들려는 경우 Word에서 페이지를 복제하면 시간을 절약하는 유용한 기술이 될 수 있으므로 이는 현명한 아이디어입니다. 이 가이드는 템플릿을 만들거나 문서의 특정 페이지를 복사하는 등 Word에서 페이지를 복사하는 단계별 프로세스를 안내합니다. 이 간단한 지침은 처음부터 시작하지 않고도 페이지를 쉽게 다시 만들 수 있도록 고안되었습니다. Microsoft Word에서 페이지를 복사하는 이유는 무엇입니까? Word에서 페이지를 복사하는 것이 매우 유용한 데에는 다음과 같은 몇 가지 이유가 있습니다. 복사하려는 특정 레이아웃이나 형식의 문서가 있는 경우. 전체 페이지를 처음부터 다시 만드는 것과는 달리

Python에서 상수를 만드는 방법은 무엇입니까? Python에서 상수를 만드는 방법은 무엇입니까? Aug 29, 2023 pm 05:17 PM

상수와 변수는 프로그래밍에서 데이터 값을 저장하는 데 사용됩니다. 변수는 일반적으로 시간이 지남에 따라 변경될 수 있는 값을 나타냅니다. 상수는 프로그램 실행 중에 값을 변경할 수 없는 변수 유형입니다. Python에서 사용할 수 있는 내장 상수는 6개뿐입니다. 이는 False, True, None, NotImplemented, Ellipsis(...) 및 __debug__입니다. 이러한 상수 외에도 Python에는 상수 값을 저장하는 내장 데이터 유형이 없습니다. 예 상수의 예는 아래에 설명되어 있습니다. False=100 출력 SyntaxError:cannotsigntoFalseFalse는 부울 값을 저장하는 데 사용되는 Python의 내장 상수입니다.

최신 iOS 17에서 iPhone을 개인화하는 방법 최신 iOS 17에서 iPhone을 개인화하는 방법 Sep 21, 2023 am 08:17 AM

iPhone에서 통화를 개인화하는 방법 Apple의 iOS 17에는 iPhone의 통화 화면 모양을 개인화할 수 있는 연락처 포스터라는 새로운 기능이 도입되었습니다. 이 기능을 사용하면 선택한 사진, 색상, 글꼴, 미모티콘을 연락처 카드로 사용하여 포스터를 디자인할 수 있습니다. 따라서 전화를 걸면 사용자 정의 이미지가 수신자의 iPhone에 예상한 대로 정확하게 표시됩니다. 저장된 모든 연락처와 고유한 연락처 포스터를 공유하도록 선택하거나 이를 볼 수 있는 사람을 선택할 수 있습니다. 마찬가지로, 통화 중에 다른 사람의 연락처 포스터도 볼 수 있습니다. 또한 Apple에서는 개별 연락처에 대한 특정 연락처 사진을 설정하여 해당 연락처에서 전화를 걸 수 있습니다.

Realme Phone에서 폴더를 만드는 방법은 무엇입니까? Realme Phone에서 폴더를 만드는 방법은 무엇입니까? Mar 23, 2024 pm 02:30 PM

제목: Realme Phone 초보자 가이드: Realme Phone에서 폴더를 만드는 방법은 무엇입니까? 현대 사회에서 휴대폰은 사람들의 삶에 없어서는 안 될 도구가 되었습니다. 인기 스마트폰 브랜드인 Realme Phone은 간단하고 실용적인 운영 체제로 사용자들에게 사랑을 받고 있습니다. Realme 휴대폰을 사용하는 과정에서 많은 사람들이 휴대폰에 있는 파일과 애플리케이션을 정리해야 하는 상황에 직면할 수 있는데, 폴더를 만드는 것이 효과적인 방법입니다. 이 기사에서는 사용자가 휴대폰 콘텐츠를 더 잘 관리할 수 있도록 Realme 휴대폰에서 폴더를 만드는 방법을 소개합니다. 아니요.

김프에서 픽셀 아트를 만드는 방법 김프에서 픽셀 아트를 만드는 방법 Feb 19, 2024 pm 03:24 PM

Windows에서 픽셀 아트 제작을 위해 김프를 사용하는 데 관심이 있다면 이 기사가 흥미로울 것입니다. GIMP는 무료 오픈 소스일 뿐만 아니라 사용자가 아름다운 이미지와 디자인을 쉽게 만들 수 있도록 도와주는 잘 알려진 그래픽 편집 소프트웨어입니다. 초보자와 전문 디자이너 모두에게 적합할 뿐만 아니라, 김프는 그리기와 창작을 위한 유일한 구성 요소로 픽셀을 활용하는 디지털 아트의 한 형태인 픽셀 아트를 만드는 데에도 사용할 수 있습니다. 김프에서 픽셀 아트를 만드는 방법 Windows PC에서 김프를 사용하여 픽셀 그림을 만드는 주요 단계는 다음과 같습니다. 김프를 다운로드하여 설치한 다음 응용 프로그램을 시작합니다. 새 이미지를 만듭니다. 너비와 높이의 크기를 조정합니다. 연필 도구를 선택합니다. 브러시 유형을 픽셀로 설정합니다. 설정

Gree+로 가족을 만드는 방법 Gree+로 가족을 만드는 방법 Mar 01, 2024 pm 12:40 PM

많은 친구들이 Gree+ 소프트웨어에서 가족을 만드는 방법을 알고 싶다고 말했습니다. 자세한 내용을 알고 싶은 친구들은 저와 함께 살펴보세요. 먼저 휴대폰에서 Gree+ 소프트웨어를 열고 로그인하세요. 그런 다음 페이지 하단의 옵션 표시줄에서 맨 오른쪽에 있는 "내" 옵션을 클릭하여 개인 계정 페이지로 들어갑니다. 2. 내 페이지에 접속한 후 "가족" 아래에 "가족 만들기" 옵션이 있습니다. 찾은 후 클릭하여 들어갑니다. 3. 다음으로 가족을 생성하는 페이지로 이동하여 프롬프트에 따라 입력 상자에 설정할 가족 이름을 입력하고 입력 후 오른쪽 상단의 "저장" 버튼을 클릭합니다. 4. 마지막으로 페이지 하단에 "저장 성공" 메시지가 나타나 패밀리가 성공적으로 생성되었음을 나타냅니다.

Highcharts를 사용하여 Gantt 차트를 만드는 방법 Highcharts를 사용하여 Gantt 차트를 만드는 방법 Dec 17, 2023 pm 07:23 PM

Highcharts를 사용하여 간트 차트를 만드는 방법에는 특정 코드 예제가 필요합니다. 소개: 간트 차트는 프로젝트 진행 상황 및 시간 관리를 표시하는 데 일반적으로 사용되는 차트 형식으로 작업의 시작 시간, 종료 시간 및 진행 상황을 시각적으로 표시할 수 있습니다. Highcharts는 풍부한 차트 유형과 유연한 구성 옵션을 제공하는 강력한 JavaScript 차트 라이브러리입니다. 이 기사에서는 Highcharts를 사용하여 Gantt 차트를 만드는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. 하이차트

See all articles