这篇文章主要介绍了Ajax实现弹出式无刷新城市选择功能代码,实例分析了Ajax弹出窗口及无刷新选择数据项的相关技巧,需要的朋友可以参考下
本文实例讲述了Ajax实现弹出式无刷新城市选择功能。分享给大家供大家参考。具体如下:
这是一款很棒的全国城市选择效果,添加城市时先添加组:找到id是"selectSub"中select标签下,添加option标签,value属性递增,找到id是"selectSub",按照原有格式添加div,其id属性递增;然后添加二级副选框选项:复制id是"selectSub"下任意input标签,粘贴在需要添加的位置即可,你想扩展的话,配合动态语言完全可以将城市从数据库中读取出来。
运行效果截图如下:
在线演示地址如下:
http://demo.html.cn/js/2015/js-ajax-dialog-cha-city-codes/
具体代码如下:
Ajax弹出式无刷新城市选择特效 您已选择的城市汇总
请选择城市:
[取消][确定]北京 福建 四川 江苏上海 云南 贵州黑龙江 吉林 辽宁美国 阿富汗 日本您已选择:
希望本文所述对大家的Ajax程序设计有所帮助。
以上就是Ajax实现弹出式无刷新城市选择功能代码的详细内容,更多请关注易知道|edz.cc其它相关文章!