Ajax实现弹出式无刷新城市选择功能代码

本文实例讲述了Ajax实现弹出式无刷新城市选择功能。分享给大家供大家参考。具体如下：

这是一款很棒的全国城市选择效果，添加城市时先添加组：找到id是"selectSub"中select标签下，添加option标签，value属性递增，找到id是"selectSub"，按照原有格式添加div，其id属性递增；然后添加二级副选框选项：复制id是"selectSub"下任意input标签，粘贴在需要添加的位置即可，你想扩展的话，配合动态语言完全可以将城市从数据库中读取出来。

运行效果截图如下：

在线演示地址如下：

http://demo.0133.cn/js/2015/js-ajax-dialog-cha-city-codes/

具体代码如下：

    
 
 
 
您已选择的城市汇总
 
 
请选择城市：
[取消][确定]
 
  中国名城魅力城市东北三省世界城市
 北京 福建 四川 江苏 
 上海 云南 贵州 
 黑龙江 吉林 辽宁 
 美国 阿富汗 日本 
 
 
您已选择：

希望本文所述对大家的Ajax程序设计有所帮助。