php+javascript实现三级联动菜单

php教程+网页特效实现三级联动菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
<!--
var prov = data.province;
var city = data.city;
var area = data.area;

function change(v)
{
 var str = 0;
 var val = 0;
 if(v>0)
 {
  Obj = document.getElementById('s'+v);
  val = Obj.options[Obj.selectedIndex].value;
 }

 var obj = document.getElementById(s[v]);
 with(obj)
 {
  length = 0;
  options[0] = new  Option(opt0[v],opt0[v]);
  var $arr = get(v,val);
  for(var key in arr)
  {
   options[length] = new Option(arr[key],key);
   if(v && options[1])options[1].selected = true;
   if(++v < s.length)change(v);
  }
 }
 
}

function get(index ,val)
{
 var value = "";
 if(index == 0)
 {   
  value = prov;
 }else if(index == 1){
  value = city;
 }else if(index == 2){
  value = area;
 }

 var t = new array();
 if(val = 0)
 {
  return value;
 }else {
  for (var k in value)
  if(k.substr(0,val.length) == val)
  {
   t[k] = value[k];
  }
  return $t;
 }
  
}
 var s = ["s1","s2","s3"];
 var opt0 = ["-选择-省市-","-选择-城市-","-选择-城区-"];
 function setup()
 {
  for($i=0;$i<s.length-1;$i++)
  {
   document.getElementById(s[i]).onchange = new Function("change("+(i+1)+")");
   change(0);
  }
 }
//-->
</script>
</head>
<body onload="setup();">
<select id="s1"><option>-选择-省市-</option></select>
<select id="s2"><option>-选择-城市-</option></select>
<select id="s3"><option>-选择-城区-</option></select>

</body>
</html>

时间: 2024-10-24 14:29:43

php+javascript实现三级联动菜单的相关文章

javascript 三级联动菜单通用版

提示:您可以先修改部分代码再运行 javascript 三级联动菜单通用版 "); document.writeln(""); document.writeln(""); document.writeln(""); } //--> 本代码由网页特效网提供 提示:您可以先修改部分代码再运行

javascript 省份城市地区三级联动菜单

网页特效 省份城市地区三级联动菜单 <select id="user_shen" name="user_shen" tabindex="10" onchange="changeprovince();" alt="省份:无内容"  >  <option value="0">请选择省份</option>  <option value="北京

JS封装的三级联动菜单(使用时只需要一行js代码)_javascript技巧

前言 在实际的项目开发中,我们经常需要三级联动,比如省市区的选择,商品的三级分类的选择等等. 而网上却找不到一个代码完整.功能强大.使用简单的三级联动菜单,大都只是简单的讲了一下实现思路. 下面就给大家分享我在工作中封装并在项目中使用的三级级联操作代码,如有错误或者不当的地方欢迎大家指正. 使用简单(只需要一行代码) 可以根据需要设置是否显示"请选择"项 支持回调(在三级分类加载完成后触发回调事件) 支持一个页面多个级联菜单 演示效果预览: 三级联动封装 原理:将selec标签以及相关

jQuery实现的省市县三级联动菜单效果完整实例_jquery

本文实例讲述了jQuery实现的省市县三级联动菜单效果.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/

基于Javascript实现二级联动菜单效果_javascript技巧

本文实例为大家分享了Javascript实现二级联动菜单效果的对应代码,具体内容如下 效果图如下: 具体实现步骤如下: 1.所用js代码如下: <script type="text/javascript"> var arr_province=["请选择省份/城市","北京市","上海市","天津市","河南省","山东省","河北省"]

asp.net js三级联动菜单实现方法(1/3)

asp教程.net js三级联动菜单实现方法 在ie5.5, ie8, firefox 2.0.0.12, chrome 8.0.552.237下可用 ashx中,通过传入的参数从数据库教程中获取相应的值. 参数名: type:值为regiontwo(表示获取二级地区),或regionthree(表示获取三级地区), oneid,表示一级地区编号, twoid,表示二级地区编号 其中getregiontwoinfo和getregionthreeinfo为获取二级和三级地区编号及名称的方法 pub

javascript 省市二级联动菜单(1/2)

javascript教程 省市二级联动菜单 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <meta

javascript省市区三级联动下拉框菜单实例演示_javascript技巧

本文实例讲述了javascript实现省市区三级联动下拉框菜单代码,像平时购物选择地址时一样,通过选择的省动态加载城市列表,通过选择的城市动态加载县区列表,从而可以实现省市县的三级联动,下面使用原生的JavaScript来实现这个功能,分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"

用Ajax制作三级联动菜单

ajax|菜单|联动菜单 代码整个过程就是根据客户端的url请求判断哪个下拉列表的选中项发生改变,服务器根据请求url调用sql 数据库生成相应的数据写入tmp.xml并重定向到它.由于XmlHttpRequest对象与服务器交互时会得到执行完服务器代码后的response,所以tmp.xml数据将返回到客户端.这就是整个代码注要思想.值得注意的是在请求url时避免相同url,以免调用缓存中数据.一般方法有设置页面关闭写入缓存开关,在程序中设置头部no-cache或者避免相同url.避免相同ur