Ajax 는 phop 와 결합 하여 2 급 연동 을 실현 합 니 다.
ajax 를 사용 하여 phop 에서 데 이 터 를 가 져 옵 니 다.
<!DOCTYPE html>
<html>
<head>
<title>Ajax </title>
<meta charset="utf-8" />
</head>
<body>
<!-- -->
<select id="province">
<option> </option>
<option> </option>
<option> </option>
<option> </option>
</select>
<select id="city">
<option> </option>
</select>
<script>
// 1. <select> onchange
var provinceEle = document.getElementById("province");
provinceEle.onchange = function(){
// id city
var city = document.getElementById("city");
var opts = city.getElementsByTagName("option");
for(var z=opts.length-1;z>0;z--){
city.removeChild(opts[z]);
}
// 2.
var province = provinceEle.value;
// 3. -
var cities = [];
switch (province){
case " ":
cities = [" "," "," "," "," "];
break;
case " ":
cities = [" "," "," "," "," "];
break;
case " ":
cities = [" "," "," "," "," "];
break;
}
//
for(var i=0;i<cities.length;i++){
// 4. <option>
var option = document.createElement("option");
// 5. <option>
var textNode = document.createTextNode(cities[i]);
option.appendChild(textNode);
// 6. <option> id city
city.appendChild(option);
}
}
</script>
</body>
</html>
php:
<?php
//
// 1.
$province = $_POST['provcince'];
// 2. ,
switch ($province){
case ' ':
echo ' , , , , ';
break;
case ' ':
echo ' , , , , ';
break;
case ' ':
echo ' , , , , ';
break;
}
//
?>
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
원생 Ajax와 jQuery Ajax의 차이점 예시 분석선언: 이번에 소개한 것은 aax와 백그라운드를 이용하여 데이터 교환을 하는 작은 예이기 때문에 demo는 서버를 통해 열어야 합니다.서버 환경은 구축하기 매우 좋다. 인터넷에서wamp나xampp를 다운로드하여 한 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.