从QQ网站中提取的纯JS省市区三级联动

news/2024/5/20 16:09:21/文章来源:https://blog.csdn.net/zhoushengbin3/article/details/22820939

今天收到园友信息,想问我要原来写的一个 《 纯JS省市区三级联动 》文章中最新的省市区数据。

那个是老早以前搞的。记得数据是从数据库中提取生成的。一时也找不到当时的数据库了。

我发现在 http://ip.qq.com/ 的网站中有QQ自己的JS省市区三级联动。所以研究了一下。他的界面如下:

何不直接使用的数据呢?

惊喜的是QQ是使用引用外部JS来实现三级联动的。JS如下:http://ip.qq.com/js/geo.js

使用方法如下:

<!DOCTYPE html>
<html>
<head>
<title>QQ JS省市区三级联动</title>
<!-- 直接使用QQ的省市区数据 -->
<!--
<script type="text/javascript" src="http://ip.qq.com/js/geo.js"></script>
-->
<script type="text/javascript" src="geo.js"></script>
</head>
<body οnlοad="setup();preselect('陕西省');promptinfo();"><form><select class="select" name="province" id="s1"><option></option></select><select class="select" name="city" id="s2"><option></option></select><select class="select" name="town" id="s3"><option></option></select><input id="address" name="address" type="hidden" value="" /><input οnclick="alert(document.getElementById('address').value); return false;" type="submit" value="提交" /></form>
<script>//这个函数是必须的,因为在geo.js里每次更改地址时会调用此函数
function promptinfo()
{var address = document.getElementById('address');var s1 = document.getElementById('s1');var s2 = document.getElementById('s2');var s3 = document.getElementById('s3');address.value = s1.value + s2.value + s3.value;
}</script>
</body>
</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_823278.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

无需注册支持快速安全视频的网站

大家好&#xff0c;我是你们的小金子。今天要分享的是一个无需注册支持快速安全视频的网站&#xff0c;既然说到快速&#xff0c;那么我们先来看看到底有多快速。首先打开网站 https://brie.fi/ng/ 会展示如下网页。点击 Start Video Chat&#xff0c;即可直接开始视频。分享右…

Google 出品网站性能质量及错误分析工具

大家好&#xff0c;我是你们的章鱼猫。今天给大家推荐一款由 Google 出品的 Chrome 插件&#xff1a;Lighthouse&#xff0c;它能够分析网站的性能、质量及错误等。市面上类似工具很少&#xff0c;可以看出越大的公司对性能和质量越看重。这款工具通过 Chrome 安装后使用也非常…

GitHub Star 10K,让你的网站更炫酷的开源库

大家好&#xff0c;我是你们的章鱼猫。现在不少网站都支持了骨架屏&#xff0c;能够在网页数据加载前&#xff0c;展示固定的布局&#xff0c;能够减少用户在进入网页时感受到白屏的不适感。今天要给大家推荐一个标星 1 万的开源库&#xff1a;react-content-loader&#xff0c…

1 分钟提升网站使用体验,这么香的方法不想知道吗?

大家好&#xff0c;我是你们的章鱼猫。今天要推荐的开源项目是 instant.page&#xff0c;在介绍项目之前&#xff0c;我们先说说项目的介绍语&#xff0c;如下&#xff1a;Make your site’s pages instant in 1 minute and improve your conversion rate by 1%.什么意思呢&…

非常棒的练手项目, 一个基于 SpringBoot 开源的小说和漫画在线阅读网站

大家好&#xff0c;我是章鱼猫。今天给大家推荐的这个开源项目是一个基于 SpringBoot 实现的小说和漫画在线阅读网站。这个开源项目叫&#xff1a;fiction_house。这个开源项目是一个多平台&#xff08;web、安卓 app、微信小程序&#xff09;、功能完善的小说弹幕网站&#xf…

「硬核推荐」一份网站流量变现教程及资料大全

文章首发于微信公众号「GitHub精选」&#xff0c;欢迎大家关注。大家好&#xff0c;我是章鱼猫。今天推荐的这个项目是「awesome-seo」&#xff0c;Google SEO 研究及流量变现。作者为什么要做 SEO&#xff1f;在互联网中&#xff0c;流量就是钱。掌握一定的 SEO 技术&#xff…

天若有情天亦老,我为网站加一秒

文章首发于微信公众号「GitHub 精选」&#xff0c;欢迎大家关注。打开微信&#xff0c;使用 “搜一搜”&#xff0c;搜索「GitHub 精选」&#xff0c;即可关注。大家好&#xff0c;我是章鱼猫。今天推荐的这个项目是「1s」&#xff0c;有些网站&#xff0c;当我们给它 1s 时&am…

开发者论坛一周精粹(第三十六期) 网站备案 oss存储

开发者论坛每周选取精华内容总结&#xff0c;精选论坛优质贴&#xff0c;每周更新一期&#xff0c;方便大家阅读&#xff01; 依赖SDK时发生错误 ziyeyc http://bbs.aliyun.com/read/576757.html 域名认证&#xff0c;时间太慢了吧 追梦天使11 http://bbs.aliyun.com/read/57…

小爬虫demo——爬取“妹子”等网站链接____使用requests库

# 文章分为三个部分&#xff1a;1. po代码 &#xff1b;2. 提示运行过程中的一些细节 和需要改进的地方&#xff1b; 3. 常规送福利# 文章将持续完善和补充# 欢迎拍砖、交流、指正第一部分&#xff1a;Po 代码&#xff1a;import re import requestskey input("请输入爬…

知名工具网站-开发、设计

这两年收藏了不少网站&#xff0c;特地整理一下&#xff0c;把一些大家都可能用得上的分享出来&#xff0c;希望能对你有用。 考虑到有一些网站大多数人都知道&#xff0c;所以我就不列出来了。 我把这些网站分为了几大类&#xff1a; 工具类素材类社区类 工具类 1、start.…

HTTPS时代的到来是大势所趋!阿里云CDN如何助力企业网站进入HTTPS时代

摘要&#xff1a; 在2015年&#xff0c;天猫和淘宝已经实现了全站HTTPS&#xff0c;并且在2015年底&#xff0c;阿里云CDN HTTPS产品化并且开始全面对外&#xff0c;并且为越来越多的客户提供HTTPS服务。无论是从阿里内部还是外部的同行&#xff0c;还从是Google的Chrome以及Mo…

在web项目中使用WebBrowser类-----给网站抓图

最近做一个WEB项目&#xff0c;其中要求有个功能就是程序能网页抓图&#xff0c;举个例子&#xff1a; 在test.aspx页面上放一个TextBox和一个Button&#xff0c;TextBox用来输入要抓取的网页地址&#xff0c;然后按了Button之后&#xff0c;服务器要对前面输入的网址进行抓图&…

【新手教程】阿里云视频点播,轻轻松松给网站加上视频的翅膀

您是不是被 网站 视频 问题 弄的焦头烂额、心烦意乱、夜不能寐、寝食难安&#xff1f;那么&#xff0c;看完这里&#xff0c;以上问题统统都可以解决啦。首先&#xff0c;我们开通 阿里云 视频点播功能&#xff0c;传送门&#xff1a; https://www.aliyun.com/product/vod开通需…

2018最受欢迎开源免费CMS建站系统排行榜

随着互联网及web应用技术的蓬勃发展&#xff0c;网上针对企业建站的各种CMS建站系统层出不穷&#xff0c;如今企业建站和维护的成本已不像过去那么高。经常在网上看见有人问及”哪个CMS系统最好用”、”企业建站用哪个CMS系统最多”等类似问题&#xff0c;所以本文将和大家一起…

记一次真实的网站被黑经历

前言 距离上次被DDOS攻击已经有10天左右的时间&#xff0c;距离上上次已经记不起具体那一天了&#xff0c;每一次都这么不了了只。然而近期一次相对持久的攻击&#xff0c;我觉得有必要静下心来&#xff0c;分享一下被黑的那段经历。 在叙述经历之前&#xff0c;先简单的介绍一…

开发者论坛一周精粹(第五十一期) 阿里云上建的网站国外能访问吗?

开发者论坛每周选取精华内容总结&#xff0c;精选论坛优质贴&#xff0c;每周更新一期&#xff0c;方便大家阅读&#xff01; &#xff08;钉钉&#xff09;IoT开发者俱乐部合伙人火热招募中 云栖青年 摘要&#xff1a;IoT开发者俱乐部&#xff0c;是阿里云IoT事业部发…

大型网站的负载均衡器、db proxy和db

本文主要分析网站后台架构中的负载均衡器&#xff0c;企业常用的硬件负载均衡器软件负载均衡器、数据库代理服务器和数据库。 1.1 负载均衡 在大型网站部署中&#xff0c;负载均衡至少有三层部署。第一层为web server或者缓存代理之上的负载均衡&#xff0c;第二层为数据库之上…

解决github网站慢

使用Google 搜索 http://www.qtshare.cn/archives/520 1、进入 C:\Windows\System32\drivers\etc 路径 2、打开 hosts0 文件 3、在末端加入 # GitHub Start 192.30.253.112 github.com 192.30.253.119 gist.github.com 151.101.100.133 assets-cdn.github.com 151.101.1…

【自用建设中小型网站工具】快速生成后台

前言&#xff1a;此”快速生成后台“为本人参考discuz开源代码效果组装而成。无高深技术&#xff0c;只讲究快速生成&#xff0c;适合建设中小型网站。运用得当可以批量生产网站后台。 以一个新闻系统为例子&#xff0c;写出详细建设过程&#xff0c;分享一下&#xff0c;以备后…

【私活案例3】 获取某市网站普通高中录取分数小工具

前言&#xff1a; 年龄越来越大&#xff0c;记性越来越差&#xff0c;只想把自己一些零零散散的私活经历记录下来&#xff0c;日后回头看&#xff0c;还能想起这些小项目、小技术点&#xff0c;还能想起那些和客户、朋友打交道的各种过往。 个人喜欢实用&#xff0c;不喜欢做研…