html内容：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>无标题文档</title>
<script language="javascript">
function initSelect(){
var option1 = new Option("福建", "福建");
var option2 = new Option("陕西", "陕西");
document.getElementById("province").options.length = 1;
document.getElementById("province").options.add(option1);
document.getElementById("province").options.add(option2);
}
function changeProvince(){
var pro = document.getElementById("province").value;
switch(pro){
case "福建":
var option0 = new Option("--请选择--", "");
var option1 = new Option("福州", "福州");
var option2 = new Option("厦门", "厦门");
var option3 = new Option("泉州", "泉州");
break;
case "陕西":
var option0 = new Option("--请选择--", "");
var option1 = new Option("西安", "西安");
var option2 = new Option("宝鸡", "宝鸡");
var option3 = new Option("咸阳", "咸阳");
break;
}
document.getElementById("city").options.length = 0;
document.getElementById("city").options.add(option0);
document.getElementById("city").options.add(option1);
document.getElementById("city").options.add(option2);
document.getElementById("city").options.add(option3);
}
</script>
</head>
<body onLoad="initSelect()">
<table width="200" border="0" cellspacing="0" cellpadding="10" >
<tr>
<td>
<select name="province" id="province" onChange="changeProvince()">
<option value="">
--请选择--
</option>
</select>省
</td>
<td>
<select name="city" >
<option value="">
--请选择--
</option>
</select>市
</td>
</tr>
</table>
</body>
</html>
正则匹配HTML内容
//header('Content-Type:text/html;chaset=utf-8;');
$str = file_get_contents("http://www.myip.cn/ename.cn");
//$str = "<td class='td_bold'>IP所在地:</td><td id='res_iplocation_0'>广东省中山市 电信<br><img width=18 border=0";
preg_match("/IP所在地:<\/td><td id=\'res_iplocation_0\'>([".chr(0xa1)."-".chr(0xff)."\s]+)<br>/si", $str, $matches);
//preg_match("/res_iplocation_0[\'\"\s]*>(.*?)<br>/si", $str, $matches);
print_r($matches);
分享到：
相关推荐
总结起来，"html+js实现地区三级联动下拉菜单"是一种常见的前端交互设计，它利用HTML的`<select>`元素和JavaScript的事件监听及DOM操作实现地区选择的动态更新。这个示例代码简洁高效，适用于各种Web项目，并且提供...
总的来说，HTML二级联动下拉列表框的实现涉及HTML、JavaScript以及数据管理，通过监听用户交互，动态更新页面内容，为用户提供更便捷、个性化的操作体验。这种技术在网页表单、地图选择等场景中广泛使用。
HTML5 地区三级联动是一种常见的前端开发技术，主要用于实现用户在移动设备上选择省、市、区（县）的交互功能。这种功能通常应用于地址输入、定位服务等场景，提供用户友好的滑动选择体验，并能兼容iOS的选取器样式...
在这个案例中，“利用JS与HTML实现地级市的简易的二级联动”就是这样一个功能，它允许用户首先选择省份，然后根据省份选择相应的地级市。 首先，我们需要理解HTML的基础结构。HTML（超文本标记语言）是构建网页内容...
在本案例中，我们将讨论如何通过JavaScript来实现这种三级联动效果，同时也会提及到源码分析和相关工具的使用。 首先，我们来看"qqJsAddress"这个文件名，这可能是一个JavaScript库或者脚本，专门用于处理省市区三...
在提供的文件`test.html`中，很可能是实现了这个三级联动下拉框的示例代码。开发者可能使用HTML构建了下拉框的基本结构，然后通过JavaScript或者jQuery来处理数据和事件监听，以实现选择项的动态更新。HTML文件可能...
### 三级联动实现 1. **数据结构**：首先，你需要一个包含所有层级信息的数据结构，如JSON对象。例如： ```json { "1": { "2": ["北京市", "丰台区"], "3": ["上海市", "黄浦区"] }, "2": { ... } } ``` 2. ...
HTML城市三级联动是一种常见的网页交互设计，用于在用户选择省份时自动更新市、区的下拉选项，以实现快速定位。这种技术常用于地址输入、配送范围选择等场景，为用户提供便捷的操作体验。本资源“HTML城市三级联动与...
HTML网页的三级联动
html 省市区三级联动数据库 html中实现三级联动是一个不错的demo，博主在这里跟大家分享一下实现的过程，以及自己在过程中出现的一些问题，仅供参考。 首先我们将全国的省市区数据导入进来，这里已经直接整理...
supplyInfo_add.jsp最简单,就是通过一级触发实现二级联动;supplyInfo_update.jsp稍微难了点,不仅仅是一级触发实现二级联动,还有它是将数据库中相应的省份城市提取出来,将原有增加的省份城市提取给用户,供用户修改;...
在网页开发中，"Ajax 实现无限级联动"是一种常见的交互设计技术，它允许用户在无需刷新整个页面的情况下，通过下拉菜单、树形结构或其他交互元素实现各级数据的动态加载。这种技术大大提升了用户体验，使得网站操作...
总的来说，HTML二级和三级联动控件的JavaScript实现涉及到前端开发的基础知识，包括DOM操作、事件处理、数据结构和用户体验设计。通过熟练掌握这些技能，开发者可以构建出更富交互性和响应性的Web应用。
本教程将探讨如何使用纯HTML和JavaScript实现地区联动效果，这是一种常见的前端功能，常见于地址选择、城市定位等场景。 首先，我们需要理解地区联动的基本概念。地区联动是指在选择一个地区（如省份）时，下拉菜单...
在这个例子中，"js实现三级联动展现"，我们看到JavaScript是实现这种动态效果的关键。JavaScript是一种客户端脚本语言，它允许我们在用户与网页交互时执行代码，更新页面内容。在这种情况下，JavaScript负责监听第一...
在IT行业中，"js+xml省市县三级联动实现【完成重构】"是一个常见的前端开发任务，主要涉及JavaScript（js）和XML（eXtensible Markup Language）技术，用于创建具有交互性的省市县三级联动选择功能。这种功能常见于...
总的来说，实现HTML5手机省市区三级联动地区选择的功能涉及HTML5的表单元素、JavaScript的事件处理、AJAX数据交互以及CSS3的样式和动画。通过这些技术，开发者可以构建出符合移动设备用户体验的地区选择组件。
在网页设计中，交互性是提升用户体验的关键因素之一，而JS+HTML联动下拉菜单则是实现这一目标的有效手段。这种菜单允许用户通过选择一个选项来影响另一个下拉菜单的显示内容，为用户提供更加直观和高效的导航体验。...
标题“asp二级联动 html二级联动”表明这个压缩包中包含的是关于如何在ASP（Active Server Pages）和HTML中实现二级联动的示例代码。ASP是一种微软开发的服务器端脚本环境，常用于构建动态网页应用，而HTML则是构成...
在前端开发中，实现省份城市联动是一项常见的需求，它可以让用户在选择省份时，自动更新下拉框中的城市选项，提供更加友好的交互体验。本示例中，我们将深入探讨如何使用JavaScript来实现这一功能。 首先，我们需要...