欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-04 15:23:46
...
本文实例讲述了jquery调取json数据实现省市级联的方法。分享给大家供大家参考。具体如下:

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

Html代码:

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

js代码:

js代码,主要功能

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

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

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


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