Ajax省級三聯動

2021-08-19 00:26:46 字數 2566 閱讀 2741

js部分

varprovincedata=;

//接收後台傳來的所有省市內容

varprovince=;

vararea=;

//start選擇省、市、區

functiongetcitydata()else

}});

}//省

functiongetprovince(_data)

province.push(_obj);

});varhtml="";

$.each(province,function(i,value));

$("#select6").html(""+"選擇省"+""+html);

$("#select7").html(""+"選擇市"+"");

$("#select8").html(""+"選擇區"+"");

}//選擇省後市的效果

$("#select6").change(function()

$("#select7").html(""+"選擇市"+""+html2);

$("#select8").html(""+"選擇區"+"");

});//選擇市後縣的效果

$("#select7").change(function()

$("#select8").html(""+"選擇區"+""+html3);

});頁面部分**:

<

div

class=

"row"

>

<

span

class=

"name"

><

sup

class=

"imp"

>*

sup>服務位址

span

>

<

select

id="select6"

class=

"select"

>

<

option

selected value=

"0">選擇省

option

>

select

>

<

select

id="select7"

class=

"select"

>

<

option

selected value=

"0">選擇市

option

>

select

>

<

select

id="select8"

class=

"select"

>

<

option

selected value=

"0">選擇區

option

>

select

>

div>

<

div

class=

"row"

>

<

span

class=

"name"

>

span

>

<

textarea

name=

"" id=

"addresssummary"

cols=

"30"

rows=

"10"

style=

"width:443px;height:80px"

placeholder=

"請填寫*路(街道/道路)*號小區*號樓*單元*室"

>

textarea

>

div>

省級聯動詳解

id province name province onchange f1 請選擇 option select id city name city onclick f2 請選擇 option select name country id country 請選擇 option select td tr...

任務三十一 表單(三)聯動

任務三十一 表單 三 聯動 面向人群 初學者難度 簡單課程多數題目的解決方案都不是唯一的,這和我們在實際工作中的情況也是一致的。因此,我們的要求不僅僅是實現設計稿的效果,更是要多去思考不同的解決方案,評估不同方案的優劣,然後使用在該場景下最優雅的方式去實現。那些最終沒有被我們採納的方案,同樣也可以幫...

省市聯動 ajax

省 浙江江蘇 城市 縣城 告訴瀏覽器使用utf8編碼 儲存時必須為無bom header content type text xml charset utf 8 告訴瀏覽器不使用快取 header cache control no cache 接收使用者的選擇的省份的名字 province post...