라벨 선택 드롭다운 목록 보조 연결 계단식 예제 code_javascript 기술

먼저, 서버 측에서 드롭다운 목록을 바인딩하고, 두 번째 레벨 드롭다운의 텍스트 네이밍에 일정한 규칙에 따라 첫 번째 레벨 드롭다운의 ID를 추가합니다.

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

var options=new Array();
$ (문서).ready(function(){
                                                                                       >                                           ='<option value="' $(this).val() '">' $(this).text() '</ option>';
           });//옵션 목록을 배열에 넣습니다
$('#ddlPages option:gt(0)').remove() //드롭다운 삭제
$('#ddlSubsystems').bind('change',function(){ / /이벤트 등록
var systemname=$('#ddlSubsystems option:selected').text();
for(var j =0;j<options.length;j ){
                                           ddlPages').append(options[j]);
                           ~               
var textname=$(this).text();
var index =textname.indexOf('-' 시스템 이름);
if(index $(this).remove ();
                                               > ~ / / 기본적으로 첫 번째 행이 선택됩니다.
       })