js 2 급 지역 선택의 실현 방법

2 급 지역 의 선택 을 실현 합 니 다.전단 에는 두 가지 표현 형식 이 있 습 니 다.첫째,두 개의 텍스트 상 자 를 올 리 고 텍스트 상자 하 나 를 클릭 할 때 성 목록 이 나타 나 고 텍스트 상자 2 를 클릭 할 때 이 성의 시내 목록 이 나타 납 니 다.두 번 째 는 두 개의 드 롭 다운 상 자 를 놓 는 것 입 니 다.첫 번 째 드 롭 다운 상자 에서 하 나 를 선택 한 다음 에 두 번 째 로 해당 하 는 시 내 를 선택 하 는 것 입 니 다.물론 다른 방법 도 있 습 니 다.제 가 여기 서 하 나 를 하 겠 습 니 다.즉,드 롭 다운 으로 선택 한 것 입 니 다.코드 는 다음 과 같 습 니 다.Html 코드


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>     </title> 
</head> 

<body> 
<script type="text/javascript">   
function initcity(city) { 
switch (document.creator["province"].value) { 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "   ", "   ", "   ","   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "   (*)", "   ", "  ", "  ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   "); break; 
case "   " : var cityOptions = new Array( "     ", "", "   (*)", "   ", "  ", "  ", "  ", "  ", "    ", "    ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "   ", "   ", "    ", "    ", "   ", "   ", "   ", "   ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  ", "  "); break; 
case "   " : var cityOptions = new Array( "     ", "", "    (*)", "    ", "    ", "    ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "    ", "    ", "    ", "    "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "   ", "   ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "   ", "   ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  " ); break; 
case "  " : var cityOptions = new Array( "     ", "", "    (*)", "    ", "   ", "   ", "   ", "   ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "    ", "    ", "  ", "  ", "   ", "   ", "  ", "  ", "   ", "   ", "  ", "  ", "   ", "   ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "    ", "    ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  (*)", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  "); break; 
case "  " : var cityOptions = new Array( "     ", "", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "   "); break; default: var cityOptions = new Array("     ", ""); break; } document.creator["city"].options.length = 0; for(var i = 0; i < cityOptions.length/2; i++) { document.creator["city"].options[i]=new Option(cityOptions[i*2],cityOptions[i*2+1]); if (document.creator["city"].options[i].value==city){ document.creator["city"].selectedIndex = i; } } } function creatprovince(province){ var provinces = new Array( "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "   ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  ", "  " ); document.creator["province"].options[0]=new Option("     ",""); for(var i = 0; i < provinces.length; i++) { document.creator["province"].options[i+1]=new Option(provinces[i],provinces[i]); if (document.creator["province"].options[i+1].value==province){ document.creator["province"].selectedIndex = i+1; } } } 
</script> 
<form name=creator> 
<select onchange="initcity();" name="province" > 
             <SCRIPT>creatprovince();</SCRIPT> 
</select> 
<select name="city"> 
           <option value="">    </option> 
</select> 
</form>  
</body> 
</html>

순환 으로 배열 을 만들어 서 보 여 주 려 고 했 는데 생각해 보 니 2 급 지역 의 연결 인 이상 규범 화 된 것 이 좋 습 니 다.그러면 여러분 들 이 잘 보고 선택 도 뚜렷 합 니 다.비록 이 글 은 대부분이 지명 이지 만.................................................

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

vue 2 급 경로 설정 방법

프로젝트 에서 vue 를 사용 할 때 반드시 경로 가 필요 합 니 다.그리고 2 급 경로,심지어 3 회 경로 의 수 요 는 모두 필요 합 니 다.물론 다단 계 경로 의 설정 방법 은 2 급 경로 와 같 습 니 다.2...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

js 2 급 지역 선택의 실현 방법

좋은 웹페이지 즐겨찾기