热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

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

这篇文章主要介绍了jquery调取json数据实现省市级联的方法,可实现读取json数据绑定到下拉菜单的功能,非常具有实用价值,需要的朋友可以参考下

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

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

Html代码:

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

 
   
 
   
   
   
 
   
   
   
 

js代码:

js代码,主要功能

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

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

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


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


推荐阅读
author-avatar
1500799277_a9483d_353
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有