當我選擇第一條時會出現兩個undefined-PHP中文網路問答

社群學習工具庫休閒

繁体中文

當我選擇第一條時會出現兩個undefined

邓 2018-05-11 16:45:28

1695

正确.png

這是正常選擇，如果我抽風會這樣

错误.png

邓

全部回覆(4)

╰倒轉流年丶祇爲一眼紅顔2018-06-10 23:41:00 4樓

哥們，有空能不能把你這部分的完整代碼給我看一下，我現在就是死活弄不出來這效果，看了很久也沒看出哪裡有問題，多謝了

點贊 +0

新增回覆

回覆好的，你加我QQ908901178，我寄給你

邓作者 2018-06-11 08:02:39

邓2018-05-12 08:49:02 3樓

<!DOCTYPE html>

<html>

<head>

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

#addr td,#addr th{

border:1px solid Black;

padding:3px 7px 2px 7px;

}

</style>

剛剛的回答少了些開頭的程式碼，現在補上。

點贊 +0

新增回覆

邓2018-05-12 08:46:55 2樓

找到原因了，是region_action.php 當傳入空值時會放回一個flag=false msg="查詢類型有誤"這個json回來

我將flag去掉了只回傳msg 然後在region.html 裡面遍歷json時候判斷msg的值

改動後region.html源碼如下：

</style>

#$(document ).ready(function() {

// 載入所有的省號

$.ajax({

type: "get",

## url : "region_action.php", // type=1表示查詢省份

data: {"parent_id": "1", "type": "1"},

dataType: "1"},

dataType: " json",

success: function(data) {

$("#provinces").html("<option value=''>請選擇省份> ");

$.each(data, function(i, item) {

// alert(item.region_id);

$("#provinces") 。 }

});

// 載入目前省所有城市

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

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

$.ajax({

type: "get",

## _ type =2表示查詢城市

data: {"parent_id": $(this).val(), "type": "2"},

dataTypeo: dataType

success: function(data) {

$("#citys").html("<option value=''>

## $("#countys").html("<option value=''>請選擇縣府</option>");

# . i, item) {

if(i!="msg"){

$("#citys").append("<option value='" + item.region_id + "'>" + item.region_name + "&ltion/option> # }else{

# $("#region").

});

}

# });

});

// 載入目前市所有縣

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

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

## $.ajax({

type: "get",

reg type: "get",

##o. ", // type =3表示查詢縣

data: {"parent_id": $(this).val(), "type": "3"},

dataType: "

# json",

success: function(data) {

$("#countys").html("&ltoption value=''/option; ");

$.each(data, function(i, item) {

$("#countys" ).append("<option value='" + item.region_id + "'>" + item.region_name + "</option>");

# se{ # $("#region").append(item);

} # ## }

});

// 顯示位址

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

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

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

var value = $("#provinces").find("option:selected").text()

+ $("# citys").find("option:selected").text()

+ $("#countys").find("option:selected").text();

}else{

# var value ="您選擇的位址錯誤！地址是:"+"<input value='" + value + "'>");

}else{

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

$("#region").append("選擇的位址是:"+"<input value='" + value + "'>");

}

});

</script>

</head>

<body>

<h1 align="left">省市縣三級連動</h1>

# < tr bgcolor="skybule">

</tr>

<tr>

<th>

<option value="">請選擇省份</option>

</select>

</th>

# <th>

</select>

</th>

<th>

</select>

</th>

</tr&gt ;

</table>

</h4>

</body>

</html>

點贊 +0

新增回覆

sky2018-05-11 17:16:41 1樓

有原始碼嗎?

點贊 +0

新增回覆

回覆有明天上傳，就該動了教學裡面的一個文件

邓作者 2018-05-11 17:22:02

回覆原始碼如下： <!DOCTYPE html> <html> <頭> <meta http-equiv="Content-Type" content="text/html" charset="UTF-8"> <標題></標題> <樣式類型=“text/css”> #addr{width=60%;border-collapse:collpase;border:solid 1px Black;} #addr td,#addr th{ 邊框：1px 純黑色；內邊距：3px 7px 2px 7px； } </風格> <腳本 src="./jquery-2.2.3.js" type="text/javascript"></script> <腳本類型=“text/javascript”> $(文檔).ready(函數() { // 載入所有的省份 $.ajax({ 類型：“獲取”， url: "region_action.php", // type=1表示查詢省份資料：{“parent_id”：“1”，“類型”：“1”}，資料類型：“json”，成功：函數（資料）{ $("#provinces").html("<option value=''>請選擇省</option>"); $.each(data, 函數(i, 項目) { // 警報(item.region_id); $("#provinces").append("<選項值='" + item.region_id + "'>" + item.region_name + "</option>"); }); } }); // 載入目前省所有城市 $("#provinces").change(function() { $("#region").empty(); $.ajax({ 類型：“獲取”， url: "region_action.php", // type =2表示查詢市資料: {"parent_id": $(this).val(), "type": "2"}, 資料類型：“json”，成功：函數（資料）{ $("#citys").html("<選項值=''>請選擇城市</選項>"); $("#countys").html("<選項值=''>請選擇縣市</選項>"); $.each(data, 函數(i, 項目) { $("#citys").append("<選項值='" + item.region_id + "'>" + item.region_name + "</option>"); }); } }); }); // 載入目前市所有縣 $("#citys").change(function() { $("#region").empty(); $.ajax({ 類型：“獲取”， url: "region_action.php", // type =3表示查詢縣資料: {"parent_id": $(this).val(), "type": "3"}, dataType: "json", success: function(data) { $("#countys").html("<option value=''>請選擇縣</option>"); $.each(data, function(i, item) { $("#countys").append("<option value='" + item.region_id + "'>" + item.region_name + "</option>"); }); } }); }); // 顯示位址 $("#countys").change(function() { $("#region").empty(); if($("#provinces").val()!="" && $("#citys").val()!="" && $("#countys").val()!="") { var value = $("#provinces").find("option:selected").text() + $("#citys").find("option:selected").text() + $("#countys").find("option:selected").text(); }else{ var value ="您選擇的地址有誤"; } if($("#region")==""){ $("#region").append("選擇的位址是:"+"<input value='" + value + "'>"); }else{ $("#region").empty(); $("#region").append("選擇的位址是:"+"<input value='" + value + "'>"); } }); }); </script> </head> <body> <h1 align="left">省市縣三級連動</h1> <table id="addr"> <tr bgcolor="skybule"> <th>省</th> <th>市</th> <th>縣</th> </tr> <tr> <th> <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> </th> </tr> </table> <h4 align="left"> <span id="region"></span> </h4> </body> </html>

邓作者 2018-05-12 08:09:23

熱門專題

更多>