日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔！

生活随笔

當(dāng)前位置： 首頁 >

jquery书写一个简易的二级联动

發(fā)布時(shí)間：2025/7/14 36 豆豆
生活随笔 收集整理的這篇文章主要介紹了 jquery书写一个简易的二级联动 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

先用php生成一個(gè)json數(shù)組示例如下

JSON_UNESCAPED_UNICODE 是對漢字進(jìn)行處理的參數(shù)

然后HTML代碼如下 把那個(gè)json_city賦值成我們用php生成的json即可

<!DOCTYPE HTML> <html lang="en-US"> <head><meta charset="UTF-8"><title></title><script src="http://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script> </head> <body><div><table><tr><td>省份城市</td><td><select name="province" id="province"><option value="">請選擇省份</option></select><select name="city" id="city"><option value="">請選擇城市</option></select></td></tr></table></div><script type="text/javascript">$(function(){//頁面加載完畢后開始執(zhí)行的事件var city_json='{"江蘇":["南京","常州"],"河南":["南陽","安陽"]}';var city_obj=eval('('+city_json+')');for (var key in city_obj){$("#province").append("<option value='"+key+"'>"+key+"</option>");}$("#province").change(function(){var now_province=$(this).val();$("#city").html('<option value="">請選擇城市</option>');for(var k in city_obj[now_province]){var now_city=city_obj[now_province][k];$("#city").append('<option value="'+now_city+'">'+now_city+'</option>');}});});</script> </body> </html>

?效果如下

?

轉(zhuǎn)載于:https://www.cnblogs.com/lizhaoyao/p/6632229.html

總結(jié)

以上是生活随笔為你收集整理的jquery书写一个简易的二级联动的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。