jQuery結(jié)合PHP+MySQL實(shí)現(xiàn)二級聯(lián)動下拉列表[實(shí)例]_jquery
來源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 21:01:27
jQuery結(jié)合PHP+MySQL實(shí)現(xiàn)二級聯(lián)動下拉列表[實(shí)例]_jquery
jQuery結(jié)合PHP+MySQL實(shí)現(xiàn)二級聯(lián)動下拉列表[實(shí)例]_jquery: 實(shí)現(xiàn)原理:根據(jù)省份值的變動,通過jQuery把sf_id傳給后臺php文件處理,php通過查詢MySQl數(shù)據(jù)庫,得到對應(yīng)的地市名,并返回JSON數(shù)據(jù)給前端處理,即實(shí)現(xiàn)聯(lián)動效果! 為便于講解,這里直接給出省份:河南省(sf_id=1) 浙江省(sf_id=2),而地市和學(xué)生信息
導(dǎo)讀jQuery結(jié)合PHP+MySQL實(shí)現(xiàn)二級聯(lián)動下拉列表[實(shí)例]_jquery: 實(shí)現(xiàn)原理:根據(jù)省份值的變動,通過jQuery把sf_id傳給后臺php文件處理,php通過查詢MySQl數(shù)據(jù)庫,得到對應(yīng)的地市名,并返回JSON數(shù)據(jù)給前端處理,即實(shí)現(xiàn)聯(lián)動效果! 為便于講解,這里直接給出省份:河南省(sf_id=1) 浙江省(sf_id=2),而地市和學(xué)生信息

實(shí)現(xiàn)原理:根據(jù)省份值的變動,通過jQuery把sf_id傳給后臺php文件處理,php通過查詢MySQl數(shù)據(jù)庫,得到對應(yīng)的地市名,并返回JSON數(shù)據(jù)給前端處理,即實(shí)現(xiàn)聯(lián)動效果!
為便于講解,這里直接給出省份:河南省(sf_id=1) 浙江省(sf_id=2),而地市和學(xué)生信息則分別建立兩張數(shù)據(jù)表!編碼方式均為:utf8!新建數(shù)據(jù)庫并執(zhí)行以下SQL語句!
代碼如下:
/* 地市表 */
create TABLE IF NOT EXISTS `dishi`(
`ds_id` int(3) auto_increment not null primary key,
`sf_id` int(3) not null default '0',
`ds_name` varchar(50) not null
);
/* 學(xué)生表 */
create TABLE IF NOT EXISTS `xuesheng`(
`xs_id` int(3) auto_increment not null primary key,
`ds_id` int(3) not null default '0',
`xs_name` varchar(50) not null
);接著搭個前臺架子:
代碼如下:
接著就是jQuery部分,詳解可看代碼后注釋部分:
代碼如下:
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jQuery結(jié)合PHP+MySQL實(shí)現(xiàn)二級聯(lián)動下拉列表[實(shí)例]_jquery
jQuery結(jié)合PHP+MySQL實(shí)現(xiàn)二級聯(lián)動下拉列表[實(shí)例]_jquery: 實(shí)現(xiàn)原理:根據(jù)省份值的變動,通過jQuery把sf_id傳給后臺php文件處理,php通過查詢MySQl數(shù)據(jù)庫,得到對應(yīng)的地市名,并返回JSON數(shù)據(jù)給前端處理,即實(shí)現(xiàn)聯(lián)動效果! 為便于講解,這里直接給出省份:河南省(sf_id=1) 浙江省(sf_id=2),而地市和學(xué)生信息