>웹 프론트엔드 >JS 튜토리얼 >Jqurey 기반 드롭다운 상자가 동적으로 테이블 추가 및 삭제 구현을 변경합니다.

Jqurey 기반 드롭다운 상자가 동적으로 테이블 추가 및 삭제 구현을 변경합니다.

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 18:09:131497검색

렌더링:
Jqurey 기반 드롭다운 상자가 동적으로 테이블 추가 및 삭제 구현을 변경합니다.
드롭다운 상자가 변경되면 정보를 입력할 어른을 추가하거나 정보를 입력할 어린이를 추가하세요!

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





无标题文档




//添加成人
function addAdult(){
var selAdult = $("#SelectAdult");
var tabtrCss = $(".tabtr");
var selValue = selAdult.val();
var addStr = "< ;td class='w_tit'>证件号:
乘客姓name:
证件类型: 身份证추적
";
tabtrCss.remove();
for(var i=1;i$("#adult").append(addStr);
}
}
//添加儿童
function addChildren(){
var selChild = $("#SelectChildren");
var children = $(".children");
var selValue = selChild.val();
var addStr = " < ;td class='w_tit'>证件号:
乘客姓name:
证件类型: 身份证출생일期其它
< ;/td>";
children.remove();
for(var i = 1;i$("#child").append(addStr);
}
}



















성인

乘客姓name:
证件号: 证件类型: 선택






테이블>




테이블>
儿童










테이블>

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