当前位置:Gxlcms > JavaScript > jquery调取json数据实现省市级联的方法_jquery

jquery调取json数据实现省市级联的方法_jquery

时间:2021-07-01 10:21:17 帮助过:7人阅读

本文实例讲述了jquery调取json数据实现省市级联的方法。分享给大家供大家参考。具体如下:

使用jQuery mobile作为创建移动web的框架,需要实现省市级联的功能,具体代码如下(还需要优化的地方):

Html代码:

jQuery mobile中,有input list属性,下方紧跟标签,中间包含的即为选项,相当于这个input为有下拉列表的功能,当然,input的list名称需要和datalist中的id一致。

 
   
 
   
   
   
 
   
   
   
 

js代码:

js代码,主要功能

1、提取json数据,绑定到省级下拉列表内

2、省级input选择好后,市级列表自动绑定

3、区级下拉列表同市级一样

代码应该还可以进一步优化,暂时将代码保存。

人气教程排行