两级联动菜单 与 多级联动菜单

最新推荐文章于 2018-01-12 10:16:08 发布
最新推荐文章于 2018-01-12 10:16:08 发布
阅读量155 收藏
点赞数
文章标签： 企业应用 JavaScript 金山 电子商务 金融 ViewUI

两级联动菜单

----------------------------------------------------------------------------------------------


<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<HTML>
<HEAD>
<TITLE>NewDocument</TITLE>
<METANAME="Generator"CONTENT="EditPlus">
<METANAME="Author"CONTENT="">
<METANAME="Keywords"CONTENT="">
<METANAME="Description"CONTENT="">
<scriptlanguage="JavaScript"type="text/javascript">
<!--
varprovince_ar=newArray("","学历文凭|旅游管理,工商企业管理,文秘,金融,国际贸易,会计,英语,计算机应用,法律,艺术设计","成人高教|工商企业管理,国际经济与贸易,外贸英语,计算机应用与管理,艺术设计","高教自考|饭店管理,工商企业管理,中英合作商务管理,保险,国际贸易,英语,电子商务,计算机及应用,法律,广告");

functionshow_province()
{
varpro_tmp=document.all.province;
for(m=pro_tmp.options.length-1;m>0;m--)
pro_tmp.options[m]=null;

for(i=0;i<province_ar.length;i++)
{
if(province_ar[i]!="")
{
tmp=province_ar[i].split("|");
pro_tmp.options[i]=newOption(tmp[0],tmp[0]);
}
}
}
functionshow_city(sc)
{
vartemp=document.all.city;
for(m=temp.options.length-1;m>0;m--)
temp.options[m]=null;

if(province_ar[sc]!="")
{
tmp=province_ar[sc].split("|");
tmp=tmp[1];
tmp=tmp.split(",");
for(i=0;i<tmp.length;i++)
{
temp.options[i]=newOption(tmp[i],tmp[i]);
}
}
}
setTimeout("show_province();",20);//第一个搜索中省份城市对应
-->
</script>
</HEAD>

<BODY>
<FORMname="testform"id="testform">
<selectid=province
οnchange=show_city(this.options.selectedIndex)>
<OPTIONvalue=""selected>请选择类别</option>
</select>
<selectid=city>
<OPTIONvalue=""selected>请选择专业</OPTION>
</select>
</FORM>
</BODY>
</HTML>

----------------------------------------------------------------------------------------------

多级联动菜单

----------------------------------------------------------------------------------------------


<BODY>
<SELECTNAME="s1"><option>需要JavaScript才能正确显示</SELECT>
<SELECTNAME="s2"></SELECT>
<SELECTNAME="s3"></SELECT>
<SELECTNAME="s4"></SELECT>
<SCRIPTLANGUAGE="JavaScript">
<!--
//选择框的名字
selector=["s1","s2","s3","s4"];
//选择项:"名字","值",子选择
menu=[
"地球","1",
[
"中国","86",
[
"北京","BJ",
[
"--","1",null
],
"四川","SC",
[
"成都","28",null,
"乐山","",null,
"攀枝花","",null,
"自贡","",null,
"德阳","",null,
"绵阳","",null
]
],
"米国","1",
[
"加利福尼亚","CA",
[
"旧金山","1",null,
"洛杉矶","2",null
],
"华盛顿","WA",
[
"西雅图","seattle",null
]
]
],
"火星","2",
[
"大峡谷","86",
[
"小山丘","BJ",
[
"A地区","28",null,
"B地区","",null,
"C地区","",null
]
]
]
];

functionwizz(level)
{
if(level==0)
a=menu;
else
{
str="menu";
for(i=0;i<level;i++)
str+="["+(document.all[selector[i]].selectedIndex*3+2)+"]";
a=eval(str);
}
if(a==null)return;
s=document.all[selector[level]];
i=s.length;
while(i>0)s.options[--i]=null;
while(i<Math.floor(a.length/3))
s.options[i]=Option(a[i*3],a[i++*3+1]);
s.οnchange=Function("wizz("+(level+1)+")");
wizz(level+1);
}
wizz(0);
//-->
</SCRIPT>
</BODY>
</HTML>

----------------------------------------------------------------------------------------------

iteye_20954
关注
java实现的二级联动菜单效果
09-01
首先，二级联动菜单的核心在于前端与后端的交互。前端通常使用HTML和JavaScript来构建界面和处理用户事件，而Java则负责提供动态数据。在这个例子中，我们看到HTML部分包含两个`<select>`标签，分别代表一级菜单...
通用3级联动菜单特效代码
03-20
通过这两个链接，用户可以获取到源代码的最新版本，或者找到更多关于此3级联动菜单特效的使用技巧和开发背景。 实现3级联动菜单通常涉及以下技术： 1. HTML：创建基础的菜单结构，使用`<ul>`和`<li>`元素来表示菜单...
二级联动菜单
08-28 440
主要是基于二维数组和JS中DOM的节点操作，构建了一个二级联动菜单，HTML代码如下：<!DOCTYPE html> <html> <head> <meta charset="utf-8"></meta> </head> <body> 省: <select id="province" onchange="change();"> <option value="0
DropDownList and ListBox 两级联动菜单
weixin_30920597的博客
04-01 131
有时候我们需要用到DropDownList 和Listbox作为连接菜单，第一个改变触发第二个数据绑定 然后获取选取值（这步很重要，往往很多能得到数据，但是却不被选中） 首先来看DropDownList： 前台代码： k 转载于:https://www.cnblogs.com/zxlin25/archive/2009/04/01/1427292.html...
联动二级菜单实现
weixin_30498807的博客
07-15 131
参照美团app下拉式的二级列表菜单，公司项目中也有这种菜单的需求 1，结构分析 首先，我们给出这个下来菜单需要的组建。我们用线框图来分析。 1）如上图所示，最外围的是一个Activity，顶部包含了一个View的容器，这个容器主要是装载ToggleButton来实现诸如美团里面的“美食，全城，理我最近，刷选”这一行。这一行一点就会弹出对应的下...
省级二级联动
qq_39636838的博客
01-12 403
布局有三个 主布局 <LinearLayout android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="h
Bootstrap实现下拉菜单多级联动
08-28
Bootstrap 实现下拉菜单多级联动 Bootstrap 是一个非常流行的前端框架，它提供了许多实用的组件和工具，使得开发者可以快速构建漂亮的网页。今天，我们将讨论如何使用 Bootstrap 实现下拉菜单多级联动。 在 ...
JS实现的五级联动菜单效果完整实例
10-20
总结来说，五级联动菜单的实现涉及到JavaScript、DOM操作、事件监听以及逻辑判断等技术点，通过合理的代码组织和逻辑梳理，可以实现复杂且用户体验良好的交互效果。需要注意的是，由于联动菜单通常在用户界面频繁...
javascript实现多级联动下拉菜单的方法
10-24
在实现多级联动时，需要注意的是，每一级的联动下拉菜单的变化都应当触发下一级的联动更新。为了实现这一点，可能需要为每个下拉菜单绑定 `onchange` 事件，并在事件处理函数中调用 `selectChange` 函数来更新其他...
ajax+dom+php+mysql实现多级联动效果
03-02 897
ajax-area-select.html http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> ajax+dom+php+mysql实现多级联动效果   var objectId="";   function getArea(id,objid){
世界主要国家地区下拉菜单三级联动2
中华传奇
03-16 1158
dsy.add("0_16",["阿布鲁佐 Abruzzi","巴西利卡塔 Basilicata","卡拉布里亚 Calabria","坎帕尼亚 Campania","艾米利亚－罗马涅 Emilia-Romagna","弗留利－威尼斯·朱利亚* Friuli-Venezia Giulia","拉齐奥 Lazio","利古里亚 Liguria
多级联动实现思路及代码
qq_36663951的博客
07-01 989
一下是视图层代码      "en">      "UTF-8">              "countrys" onchange="sheng('countrys','sheng')"> //括号里第一形参 需要与id一致 方便下面接受id      "-1">请选择      foreach($a as $v){      echo ".$v['region_id']."'>".$v['re
php ajax 实现三级省市区联动
★昔梦无痕★
04-12 2590
数据库结构：下载 public function getdiqudaima(){ $rs = $this->db->table('diqudaima') ->field("province,city,zonename,zonecode") ->where("areaid=1 ") ->getAll(); $this->db->
JSP省市区三级联动下拉选
热门推荐
qigc_0529的博客
08-25 1万+
JSP+Jquery+Oracle实现省市区三级联动下拉选菜单 自己搞了一下午,刚开始觉得还有点麻烦,不过搞过一遍之后就觉得简单了,供大家互相学习,具体代码如下: 1.jsp页面代码： 所在地: 请选择
在一个jsp页面实现二级下拉框联动，实时读取数据库数据
zaowei21的专栏
06-27 2010
在一个jsp页面实现二级下拉框联动，实时读取数据库数据，这个方法非常使用，只需要修改很小的地方就可以使用。设计的文件，serch.jsp，main.js，bytetostr.js，先讲一下main.js，这是javascript，其中注意修改jsp页面名称。function findObject(fName,initValue)...{var xmlhttp = new Activ
php jquery ajax 多级联动菜单
php菜鸟技术天地
11-25 2380
目前只做了三级,要四、五级的，要自己修改 index.php代码 <?php include("sunland_config.php"); ?> AJAX Demo // setTimeout('showLoader()', 100);//这里要延迟一下，直接调用无法显示加载器 //显示加载器.for jQuery Mobile 1.2.
Ajax实现二级联动菜单详细教程
"本文主要介绍如何使用Ajax技术实现二级联动菜单的功能，这是一种常见的网页交互设计，常用于地域选择、分类筛选等场景。通过Ajax，我们可以实现在不刷新整个页面的情况下，根据用户在第一级菜单的选择动态加载第二...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值