最初の項目を選択すると、未定義の項目が 2 つ表示されます
邓
2018-05-11 16:45:28
0
6
1694

正确.png

これは通常の選択です、もし私がけいれんを起こした場合、これは起こります

错误.png

邓

全員に返信(4)
╰倒轉流年丶祇爲一眼紅顔

兄さん、時間があったらこの部分の完全なコードを見せてもらえますか? 長い間探しているのですが、今のところ問題が見つかりません。 。

いいねを押す +0
  • 返事 わかりました、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ソリッドBlack;

padding:3px 7px 2px 7px;

}

</style>

今の答えには最初のコードがいくつかありません。追加してくださいそれは今です。

いいねを押す +0
邓

その理由は、region_action.php でした。null 値を渡すと、flag=false msg="クエリの種類が間違っています" が返されます

フラグを削除して、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 は州をクエリすることを意味します

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

データ型:" json "、

(data、function(i、item){

" + item.region_name + "&lt;/option&gt;");

() {

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

$("#都市").html("<option value=''>都市を選択してください</option>" );

$("#countys").html("<option value=''>郡を選択してください</option>");️ $("# region").append(item);

;

});

// 現在の都市のすべての郡を読み込みます

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

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

$.ajax({

$. type =3 は郡をクエリすることを意味します

使用スルー スルー オフ ‐ ‐ ‐ ‐ ‐ over n-,

$("#countys").html("<option value=''>郡を選択してください</option>"); = "msg"){

; ");

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

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

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

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

$( "#region")。append( "選択したアドレスは:" + "&lt; input値= '" +値 + "&gt;" );

} else {

$( "#region")。 ;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&gt ;

</th>

</tr>

</table>

<h4 align="left">

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

</h4>

</body>

</html>

いいねを押す +0
sky

ソースコードはありますか?

いいねを押す +0
  • 返事 明日アップロードされるので、チュートリアルでファイルを移動します
    著者 2018-05-11 17:22:02
  • 返事 ソースコード以下: &lt;!DOCTYPE html&gt; &lt;html&gt; <頭> &lt;meta http-equiv="Content-Type" content="text/html" charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/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;スクリプトタイプ="text/javascript"&gt; $(ドキュメント).ready(function() { // すべての省份を追加 $.ajax({ タイプ:「取得」、 url: "region_action.php", // type=1 表示查询省份 データ: {"親 ID": "1", "タイプ": "1"}, データ型: "json"、 成功: 関数(データ) { $("#provinces").html("&lt;option value=''&gt;请选择省份&lt;/option&gt;"); $.each(data, function(i, item) { // アラート(item.region_id); $("#provinces").append("&lt;option value='" + item.region_id + "'&gt;" + item.region_name + "&lt;/option&gt;"); }); } }); // 加下当前省全部市 $("#provinces").change(function() { $("#region").empty(); $.ajax({ タイプ:「取得」、 url: "region_action.php", // type =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(data, function(i, item) { $("#citys").append("&lt;option value='" + item.region_id + "'>" + item.region_name + "&lt;/option&gt;"); }); } }); }); // 加下当前市全部县 $("#citys").change(function() { $("#region").empty(); $.ajax({ タイプ:「取得」、 url: "region_action.php", // type =3表示查询县 データ: {"parent_id": $(this).val(), "type": "3"}、 データ型: "json"、 成功: 関数(データ) { $("#countys").html("&lt;option value=''&gt;郡を選択してください&lt;/option&gt;"); $.each(data, function(i, item) { $("#countys").append("&lt;option value='" + item.region_id + "'&gt;" + item.region_name + "&lt;/option&gt;"); }); } }); }); // アドレスを表示する $("#countys").change(function() { $("#region").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").append("選択されたアドレスは次のとおりです: "+"<input value='" + value + "'>"); }それ以外{ $("#region").empty(); $("#region").append("選択されたアドレスは次のとおりです: "+"<input value='" + value + "'>"); } }); }); &lt;/スクリプト&gt; &lt;/head&gt; <本体> &lt;h1 align="left"&gt;省、市、郡の 3 レベルのリンク&lt;/h1&gt; &lt;テーブルid="アドレス"&gt; &lt;tr bgcolor="スカイビュール"&gt; &lt;th&gt;県&lt;/th&gt; <th>都市</th> &lt;th&gt;郡&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;th&gt; &lt;id="都道府県" を選択&gt; &lt;option value=""&gt;都道府県を選択してください&lt;/option&gt; &lt;/選択&gt; &lt;/th&gt; &lt;th&gt; &lt;id="都市" を選択&gt; &lt;option value=""&gt;都市を選択してください&lt;/option&gt; &lt;/選択&gt; &lt;/th&gt; &lt;th&gt; &lt;id="郡" を選択&gt; &lt;option value=""&gt;郡を選択してください&lt;/option&gt; &lt;/選択&gt; &lt;/th&gt; &lt;/tr&gt; &lt;/テーブル&gt; &lt;h4 align="left"&gt; &lt;span id="region"&gt;&lt;/span&gt; &lt;/h4&gt; &lt;/ボディ&gt; &lt;/html&gt;
    著者 2018-05-12 08:09:23
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート