첫 번째 항목을 선택하면 정의되지 않은 두 개가 나타납니다.
邓
2018-05-11 16:45:28
0
6
1699

正确.png

이것은 정상적인 선택입니다. 경련이 발생하면 이런 일이 발생합니다

错误.png

邓

모든 응답(4)
╰倒轉流年丶祇爲一眼紅顔

형님, 시간 되실 때 이 부분의 전체 코드를 보여주실 수 있나요? 지금은 이 효과를 얻을 수 없습니다. 오랫동안 살펴봐도 여전히 문제를 찾을 수 없습니다. 정말 감사합니다. .

  • 회신하다 알겠습니다. 저에게 QQ908901178을 추가해 주시면 보내드리겠습니다.
    작가 2018-06-11 08:02:39
邓

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">

<title></title>

<style type="text/css">

#addr{width=60%;border-collapse:collpase;border:solid 1px Black;}

# addr td,#addr th{

border:1px solid Black;

padding:3px 7px 2px 7px;

}

</style>

지금 답변의 시작 부분에 일부 코드가 누락되어 있습니다. 추가해 주세요. 지금이야.

邓

이유를 찾았습니다. Region_action.php입니다. null 값이 전달되면 flag=false msg="query type is잘못됨"이 반환됩니다. 이 json이 다시 나타납니다.

플래그를 제거하고 msg만 반환했습니다. json을 사용할 때 msg의 값을 판단해보면 변경 후의 Region.html의 소스코드는 다음과 같습니다.

</style>

<script src="./jquery- 2.2.3.js" type="text/javascript"> </script>

<script type="text/javascript">

$(document).ready(function() {

/ / 모든 지방을 로드

$.ajax({

) type : "get",

url: "region_action.php", // type=1은 지방

데이터를 쿼리한다는 뜻입니다: {"parent_id": "1 ", "type": "1"},

dataType: "json",

                                                                               (데이터, 기능(i, 항목) ㅋㅋ                          " + item.region_name + "</option>");

() {

$ ("#region").Empty ();

$ .ajax ({

Type: "get",

url: "region_action.php", // Type = 2는 쿼리를 나타냅니다. 시장

                                                                                                                         $("# 도시").html("<옵션 값=''>도시를 선택하세요</옵션>");

                  $("#countys").html("<option value=''>카운티를 선택하세요</option>");~ $("#region").append(item);

                                                 ;

});

// 현재 도시의 모든 카운티를 로드합니다

$ ("#citys ").change(function() {

$("#region").empty();

               $.ajax({

                                                                                                                 $. 유형 = 3은 카운티에 쿼리하는 것을 나타냅니다

                                                                   사용하여           사용하여         사용하여   사용하여       사용하여     사용하여     통해   통해 통해 통해 통해 통해 통해 통해 통해 off ‐ ‐ ‐ ‐ 아래로‐,

                     $("#countys").html("<option value=''>카운티를 선택하세요</option>") if(i!="msg "){

                                                                                                         >                   ;");

                                                                                                             ;

                                                                                                      주소

$("#countys").change(function() {

$("#region").empty();

if($ ("#provinces").val()!="" && $("#citys").val()!="" && $("#countys").val()!=""){

var 값 = $("#provinces").find(" 옵션:선택됨").text()

                      + $("#citys").find("옵션:선택").text()

ㅋㅋㅋ >               $("#region")==""){

         $("#region").append("선택한 주소는 "+"<입력 값='" + 값 + "'>" ) ;

               }else{

                                                                    ~                                            $("#region") - ">시군 3단계 연계</h1>

<table id="addr">

&lt ;tr bgcolor="skybule">

<일>주</th>

<일>시</th>

<일>군</th>

</tr>

<tr>

<일>

<select id= "provinces">

<option value="">도를 선택하세요</option>

</select>

</th>

<th>

<select id ="citys">

<option value="">도시를 선택하세요</option>

</select>

</th>

<th>

<select id="countys">

<option value="">카운티를 선택하세요</option>

</select&gt ;

</th>

</tr>

&lt ;/table>

<h4 align="left">

<span id="region"></span&gt ;

</h4>

</body>

&lt ;/html>

sky

소스코드가 있나요?

  • 회신하다 내일 업로드될 예정이라 튜토리얼에서 파일을 옮겨볼 차례입니다.
    작가 2018-05-11 17:22:02
  • 회신하다 源码如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;머리&gt; &lt;meta http-equiv="Content-Type" content="text/html" charset="UTF-8"&gt; <제목></title> &lt;스타일 유형="텍스트/css"&gt; #addr{width=60%;border-collapse:collpase;border:solid 1px Black;} #addr td,#addr th{ 테두리:1px 단색 검정색; 패딩:3px 7px 2px 7px; } &lt;/스타일&gt; &lt;script src="./jquery-2.2.3.js" type="text/javascript"&gt;&lt;/script&gt; &lt;스크립트 유형="텍스트/자바스크립트"&gt; $(문서).ready(함수() { // 加载所有性份 $.아약스({ 유형: "가져오기", url: "region_action.php", // 유형=1表示查询省份 데이터: {"parent_id": "1", "유형": "1"}, 데이터 유형: "json", 성공: 함수(데이터) { $("#provinces").html("&lt;option value=''&gt;请选择省份&lt;/option&gt;"); $.each(데이터, 함수(i, 항목) { // 경고(item.region_id); $("#provinces").append("&lt;option value='" + item.region_id + "'&gt;" + item.region_name + "&lt;/option&gt;"); }); } }); // 加载当前省所有市 $("#지방").change(function() { $("#지역").empty(); $.아약스({ 유형: "가져오기", url: "region_action.php", // =2表示查询市를 입력하세요. 데이터: {"parent_id": $(this).val(), "type": "2"}, 데이터 유형: "json", 성공: 함수(데이터) { $("#citys").html("&lt;option value=''&gt;请选择市&lt;/option&gt;"); $("#countys").html("&lt;option value=''&gt;请选择县&lt;/option&gt;"); $.each(데이터, 함수(i, 항목) { $("#citys").append("&lt;옵션 값='" + item.region_id + "'&gt;" + item.region_name + "&lt;/option&gt;"); }); } }); }); // 加载当前市所有县 $("#citys").change(function() { $("#지역").empty(); $.아약스({ 유형: "가져오기", url: "region_action.php", // =3表示查询县 입력 데이터: {"parent_id": $(this).val(), "type": "3"}, 데이터 유형: "json", 성공: 함수(데이터) { $("#countys").html("&lt;option value=''&gt;카운티를 선택하세요&lt;/option&gt;"); $.each(데이터, 함수(i, 항목) { $("#countys").append("&lt;옵션 값='" + item.region_id + "'&gt;" + item.region_name + "&lt;/option&gt;"); }); } }); }); // 주소 표시 $("#countys").change(function() { $("#지역").empty(); if($("#provinces").val()!="" && $("#citys").val()!="" && $("#countys").val()!="") { var value = $("#provinces").find("option:selected").text() + $("#citys").find("옵션:선택됨").text() + $("#countys").find("옵션:선택됨").text(); }또 다른{ var value="선택한 주소가 올바르지 않습니다."; } if($("#region")==""){ $("#region").append("선택한 주소는 "+"&lt;입력 값='" + 값 + "'&gt;"); }또 다른{ $("#지역").empty(); $("#region").append("선택한 주소는 "+"&lt;입력 값='" + 값 + "'&gt;"); } }); }); &lt;/스크립트&gt; &lt;/머리&gt; &lt;본문&gt; &lt;h1 align="left"&gt;도, 시,군 3단계 연계&lt;/h1&gt; &lt;테이블 id="addr"&gt; &lt;tr bgcolor="skybule"&gt; &lt;일&gt;주&lt;/일&gt; <번째> 도시</th> <번째> 카운티</th> &lt;/tr&gt; &lt;tr&gt; &lt;일&gt; &lt;select id="지방"&gt; &lt;option value=""&gt;도를 선택하세요&lt;/option&gt; &lt;/선택&gt; &lt;/일&gt; &lt;일&gt; &lt;select id="도시"&gt; &lt;option value=""&gt;도시를 선택하세요&lt;/option&gt; &lt;/선택&gt; &lt;/일&gt; &lt;일&gt; &lt;select id="countys"&gt; &lt;option value=""&gt;국가를 선택하세요&lt;/option&gt; &lt;/선택&gt; &lt;/일&gt; &lt;/tr&gt; &lt;/테이블&gt; &lt;h4 align="왼쪽"&gt; &lt;span id="region"&gt;&lt;/span&gt; &lt;/h4&gt; &lt;/body&gt; &lt;/html&gt;
    작가 2018-05-12 08:09:23
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿