求 jsp二级级联下拉菜单代码..
求jsp二级级联下拉菜单代码..只需要一个简单点的示例,我要自己看的....不要乱粘贴复制别人的代码哈``谢谢啦...
求 jsp二级级联下拉菜单代码.. 只需要一个简单点的示例,我要自己看的.... 不要乱粘贴复制别人的代码哈`` 谢谢啦
展开
3个回答
展开全部
<html >
<head>
<title>js 二级联动菜单代码</title>
</head>
<body>
<form id="submit_form" name="submit_form" method="post" action="">
网站分类
<script language="javascript">
<!--
var subcat=new Array();
var biglist=new Array('电脑网络','休闲娱乐','商业经济','生活服务','教育文化','博客论坛','综合其他');
subcat[0]=new Array('1','音乐mp3','音乐mp3')
subcat[1]=new Array('1','聊天QQ','聊天QQ')
subcat[2]=new Array('5','论坛社区','论坛社区')
subcat[3]=new Array('1','爱情交友','爱情交友')
subcat[4]=new Array('1','明星美女','明星美女')
subcat[5]=new Array('1','娱乐八卦','娱乐八卦')
subcat[6]=new Array('1','星相命理','星相命理')
subcat[7]=new Array('1','游戏网游','游戏网游')
subcat[8]=new Array('4','军事国防','军事国防')
subcat[9]=new Array('4','体育运动','体育运动')
subcat[10]=new Array('4','足球世界','足球世界')
subcat[11]=new Array('4','篮球运动','篮球运动')
subcat[12]=new Array('3','彩票博彩','彩票博彩')
subcat[13]=new Array('3','宠物花鸟','宠物花鸟')
subcat[14]=new Array('1','动漫卡通','动漫卡通')
subcat[15]=new Array('1','壁纸图片','壁纸图片')
subcat[16]=new Array('5','视频播客','视频播客')
subcat[17]=new Array('1','影视宽带','影视宽带')
subcat[18]=new Array('3','手机通信','手机通信')
subcat[19]=new Array('0','WAP网站','WAP网站')
subcat[20]=new Array('3','家电数码','家电数码')
subcat[21]=new Array('2','新闻媒体','新闻媒体')
subcat[22]=new Array('2','电视广播','电视广播')
subcat[23]=new Array('2','报纸杂志','报纸杂志')
subcat[24]=new Array('5','博客日记','博客日记')
subcat[25]=new Array('1','幽默笑话','幽默笑话')
subcat[26]=new Array('1','文学小说','文学小说')
subcat[27]=new Array('0','软件下载','软件下载')
subcat[28]=new Array('1','BT资源','BT资源')
subcat[29]=new Array('0','电脑网络','电脑网络')
subcat[30]=new Array('0','硬件资讯','硬件资讯')
subcat[31]=new Array('0','程序编程','程序编程')
subcat[32]=new Array('0','黑客安全','黑客安全')
subcat[33]=new Array('0','网站制作','网站制作')
subcat[34]=new Array('0','搜索引擎','搜索引擎')
subcat[35]=new Array('2','网上购物','网上购物')
subcat[36]=new Array('2','人才招聘','人才招聘')
subcat[37]=new Array('3','留学移民','留学移民')
subcat[38]=new Array('4','教育培训','教育培训')
subcat[39]=new Array('4','考试招生','考试招生')
subcat[40]=new Array('4','论文课件','论文课件')
subcat[41]=new Array('4','英语MBA','英语MBA')
subcat[42]=new Array('4','校园高校','校园高校')
subcat[43]=new Array('4','艺术爱好','艺术爱好')
subcat[44]=new Array('4','少年儿童','少年儿童')
subcat[45]=new Array('4','医疗保健','医疗保健')
subcat[46]=new Array('4','医学医药','医学医药')
subcat[47]=new Array('4','男士女性','男士女性')
subcat[48]=new Array('3','时尚美容','时尚美容')
subcat[49]=new Array('3','消费品牌','消费品牌')
subcat[50]=new Array('3','生活服务','生活服务')
subcat[51]=new Array('3','饮食营养','饮食营养')
subcat[52]=new Array('3','房产家居','房产家居')
subcat[53]=new Array('3','汽车汽配','汽车汽配')
subcat[54]=new Array('3','旅游地图','旅游地图')
subcat[55]=new Array('2','交通物流','交通物流')
subcat[56]=new Array('3','礼品玩具','礼品玩具')
subcat[57]=new Array('3','服装服饰','服装服饰')
subcat[58]=new Array('2','纺织皮革','纺织皮革')
subcat[59]=new Array('3','食品饮料','食品饮料')
subcat[60]=new Array('2','建筑建材','建筑建材')
subcat[61]=new Array('2','投资理财','投资理财')
subcat[62]=new Array('2','财经证券','财经证券')
subcat[63]=new Array('2','商业贸易','商业贸易')
subcat[64]=new Array('2','企业黄页','企业黄页')
subcat[65]=new Array('2','机械五金','机械五金')
subcat[66]=new Array('2','电子电工','电子电工')
subcat[67]=new Array('2','农林牧渔','农林牧渔')
subcat[68]=new Array('2','冶金矿产','冶金矿产')
subcat[69]=new Array('2','化工能源','化工能源')
subcat[70]=new Array('2','广告营销','广告营销')
subcat[71]=new Array('3','法律律师','法律律师')
subcat[72]=new Array('6','综合网站','综合网站')
subcat[73]=new Array('6','网址导航','网址导航')
subcat[74]=new Array('6','政府组织','政府组织')
subcat[75]=new Array('4','社会文化','社会文化')
subcat[76]=new Array('6','环保绿化','环保绿化')
subcat[77]=new Array('4','科学技术','科学技术')
subcat[78]=new Array('6','国外网站','国外网站')
subcat[79]=new Array('0','免费资源','免费资源')
function changeselect1(locationid)
{
for(j=0;j<biglist.length;j++)
if(biglist[j]==locationid){
locationid=j;
}
document.submit_form.smallclass.length=0;//初始化下拉列表,清空下拉数据
document.submit_form.smallclass.options[0]=new Option('所有小类','所有小类');//给第一个值
for(i=0;i<subcat.length;i++)
{
if(subcat[i][0]==locationid)
{
document.submit_form.smallclass.options[document.submit_form.smallclass.length]=new Option(subcat[i][1],subcat[i][2]);}//建立option
}
}
//-->
</script>
<select name="bigclass" onchange="changeselect1(this.value)">
<option value="所有大类" selected>所有大类</option>
<option value="电脑网络">电脑网络</option>
<option value="休闲娱乐">休闲娱乐</option>
<option value="商业经济">商业经济</option>
<option value="生活服务">生活服务</option>
<option value="教育文化">教育文化</option>
<option value="博客论坛">博客论坛</option>
<option value="综合其他">综合其他</option>
</select>
<select name="smallclass">
<option value="所有小类" selected>所有小类</OPTION>
</select>
</form>
</body>
</html>
这个就是最简单的了。 。直接可以运行。。想要实现联动。肯定需要js的支持。
<head>
<title>js 二级联动菜单代码</title>
</head>
<body>
<form id="submit_form" name="submit_form" method="post" action="">
网站分类
<script language="javascript">
<!--
var subcat=new Array();
var biglist=new Array('电脑网络','休闲娱乐','商业经济','生活服务','教育文化','博客论坛','综合其他');
subcat[0]=new Array('1','音乐mp3','音乐mp3')
subcat[1]=new Array('1','聊天QQ','聊天QQ')
subcat[2]=new Array('5','论坛社区','论坛社区')
subcat[3]=new Array('1','爱情交友','爱情交友')
subcat[4]=new Array('1','明星美女','明星美女')
subcat[5]=new Array('1','娱乐八卦','娱乐八卦')
subcat[6]=new Array('1','星相命理','星相命理')
subcat[7]=new Array('1','游戏网游','游戏网游')
subcat[8]=new Array('4','军事国防','军事国防')
subcat[9]=new Array('4','体育运动','体育运动')
subcat[10]=new Array('4','足球世界','足球世界')
subcat[11]=new Array('4','篮球运动','篮球运动')
subcat[12]=new Array('3','彩票博彩','彩票博彩')
subcat[13]=new Array('3','宠物花鸟','宠物花鸟')
subcat[14]=new Array('1','动漫卡通','动漫卡通')
subcat[15]=new Array('1','壁纸图片','壁纸图片')
subcat[16]=new Array('5','视频播客','视频播客')
subcat[17]=new Array('1','影视宽带','影视宽带')
subcat[18]=new Array('3','手机通信','手机通信')
subcat[19]=new Array('0','WAP网站','WAP网站')
subcat[20]=new Array('3','家电数码','家电数码')
subcat[21]=new Array('2','新闻媒体','新闻媒体')
subcat[22]=new Array('2','电视广播','电视广播')
subcat[23]=new Array('2','报纸杂志','报纸杂志')
subcat[24]=new Array('5','博客日记','博客日记')
subcat[25]=new Array('1','幽默笑话','幽默笑话')
subcat[26]=new Array('1','文学小说','文学小说')
subcat[27]=new Array('0','软件下载','软件下载')
subcat[28]=new Array('1','BT资源','BT资源')
subcat[29]=new Array('0','电脑网络','电脑网络')
subcat[30]=new Array('0','硬件资讯','硬件资讯')
subcat[31]=new Array('0','程序编程','程序编程')
subcat[32]=new Array('0','黑客安全','黑客安全')
subcat[33]=new Array('0','网站制作','网站制作')
subcat[34]=new Array('0','搜索引擎','搜索引擎')
subcat[35]=new Array('2','网上购物','网上购物')
subcat[36]=new Array('2','人才招聘','人才招聘')
subcat[37]=new Array('3','留学移民','留学移民')
subcat[38]=new Array('4','教育培训','教育培训')
subcat[39]=new Array('4','考试招生','考试招生')
subcat[40]=new Array('4','论文课件','论文课件')
subcat[41]=new Array('4','英语MBA','英语MBA')
subcat[42]=new Array('4','校园高校','校园高校')
subcat[43]=new Array('4','艺术爱好','艺术爱好')
subcat[44]=new Array('4','少年儿童','少年儿童')
subcat[45]=new Array('4','医疗保健','医疗保健')
subcat[46]=new Array('4','医学医药','医学医药')
subcat[47]=new Array('4','男士女性','男士女性')
subcat[48]=new Array('3','时尚美容','时尚美容')
subcat[49]=new Array('3','消费品牌','消费品牌')
subcat[50]=new Array('3','生活服务','生活服务')
subcat[51]=new Array('3','饮食营养','饮食营养')
subcat[52]=new Array('3','房产家居','房产家居')
subcat[53]=new Array('3','汽车汽配','汽车汽配')
subcat[54]=new Array('3','旅游地图','旅游地图')
subcat[55]=new Array('2','交通物流','交通物流')
subcat[56]=new Array('3','礼品玩具','礼品玩具')
subcat[57]=new Array('3','服装服饰','服装服饰')
subcat[58]=new Array('2','纺织皮革','纺织皮革')
subcat[59]=new Array('3','食品饮料','食品饮料')
subcat[60]=new Array('2','建筑建材','建筑建材')
subcat[61]=new Array('2','投资理财','投资理财')
subcat[62]=new Array('2','财经证券','财经证券')
subcat[63]=new Array('2','商业贸易','商业贸易')
subcat[64]=new Array('2','企业黄页','企业黄页')
subcat[65]=new Array('2','机械五金','机械五金')
subcat[66]=new Array('2','电子电工','电子电工')
subcat[67]=new Array('2','农林牧渔','农林牧渔')
subcat[68]=new Array('2','冶金矿产','冶金矿产')
subcat[69]=new Array('2','化工能源','化工能源')
subcat[70]=new Array('2','广告营销','广告营销')
subcat[71]=new Array('3','法律律师','法律律师')
subcat[72]=new Array('6','综合网站','综合网站')
subcat[73]=new Array('6','网址导航','网址导航')
subcat[74]=new Array('6','政府组织','政府组织')
subcat[75]=new Array('4','社会文化','社会文化')
subcat[76]=new Array('6','环保绿化','环保绿化')
subcat[77]=new Array('4','科学技术','科学技术')
subcat[78]=new Array('6','国外网站','国外网站')
subcat[79]=new Array('0','免费资源','免费资源')
function changeselect1(locationid)
{
for(j=0;j<biglist.length;j++)
if(biglist[j]==locationid){
locationid=j;
}
document.submit_form.smallclass.length=0;//初始化下拉列表,清空下拉数据
document.submit_form.smallclass.options[0]=new Option('所有小类','所有小类');//给第一个值
for(i=0;i<subcat.length;i++)
{
if(subcat[i][0]==locationid)
{
document.submit_form.smallclass.options[document.submit_form.smallclass.length]=new Option(subcat[i][1],subcat[i][2]);}//建立option
}
}
//-->
</script>
<select name="bigclass" onchange="changeselect1(this.value)">
<option value="所有大类" selected>所有大类</option>
<option value="电脑网络">电脑网络</option>
<option value="休闲娱乐">休闲娱乐</option>
<option value="商业经济">商业经济</option>
<option value="生活服务">生活服务</option>
<option value="教育文化">教育文化</option>
<option value="博客论坛">博客论坛</option>
<option value="综合其他">综合其他</option>
</select>
<select name="smallclass">
<option value="所有小类" selected>所有小类</OPTION>
</select>
</form>
</body>
</html>
这个就是最简单的了。 。直接可以运行。。想要实现联动。肯定需要js的支持。
2013-04-11
展开全部
配置dwr(实现AJAX的一种),这里就不多说了,去网上查查很多的。=======页面代码========<script type='text/javascript' src='/hiWithMe/dwr/interface/GetCity.js'></script>
<script type='text/javascript' src='/hiWithMe/dwr/engine.js'></script>
<script type='text/javascript' src='/hiWithMe/dwr/util.js'></script><script type="text/javascript">
function TGetcityName() {
var countryId =document.getElementById("county").value;
//默认为不选择
if(countryId == 0)
{
document.getElementById("city").options.length=0;
document.getElementById("city").add(new Option("--不限--", 0));
}
else
{
GetCity.GetCityListByCountId(countryId,dd);
}
document.getElementById("countyId").value=document.getElementById("county").value;
}
function dd(provinces) {
document.getElementById("city").options.length=0;
document.getElementById("city").add(new Option("--不限--","0"));
//每次获得新的数据的时候先把每二个下拉框架的长度清0
for(var i=0;i< provinces.length;i ++){
var value = provinces[i].id;
var text = provinces[i].cityName;
var option = new Option(text, value);
//根据每组value和text标记的值创建一个option对象
try{
document.getElementById("city").add(option);//将option对象添加到第二个下拉框中
}catch(e){
}
}
}省:
<select id="county" name="county" onchange="TGetcityName();">
<option value="0" selected="selected">--不限--</option>
<logic:iterate id="list" name="countylist"> //这个是从action中转过来就加载好的
<option value="${list.id}"> ${list.countyName}</option>
</logic:iterate>
</select>
<input type="hidden" value="1" id="countyId" name="countyId"/>
市:
<select id="city" name="city"
<option value="0" selected="selected">--不限--</option>
</select>=============biz里的方法====================// 根据省份Id得到城市信息
public List<City> GetCityListByCountId(int countId) {
sql="select city from City city Where city.county="+countId;
return this.getCommonDAO().list(sql);
}
<script type='text/javascript' src='/hiWithMe/dwr/engine.js'></script>
<script type='text/javascript' src='/hiWithMe/dwr/util.js'></script><script type="text/javascript">
function TGetcityName() {
var countryId =document.getElementById("county").value;
//默认为不选择
if(countryId == 0)
{
document.getElementById("city").options.length=0;
document.getElementById("city").add(new Option("--不限--", 0));
}
else
{
GetCity.GetCityListByCountId(countryId,dd);
}
document.getElementById("countyId").value=document.getElementById("county").value;
}
function dd(provinces) {
document.getElementById("city").options.length=0;
document.getElementById("city").add(new Option("--不限--","0"));
//每次获得新的数据的时候先把每二个下拉框架的长度清0
for(var i=0;i< provinces.length;i ++){
var value = provinces[i].id;
var text = provinces[i].cityName;
var option = new Option(text, value);
//根据每组value和text标记的值创建一个option对象
try{
document.getElementById("city").add(option);//将option对象添加到第二个下拉框中
}catch(e){
}
}
}省:
<select id="county" name="county" onchange="TGetcityName();">
<option value="0" selected="selected">--不限--</option>
<logic:iterate id="list" name="countylist"> //这个是从action中转过来就加载好的
<option value="${list.id}"> ${list.countyName}</option>
</logic:iterate>
</select>
<input type="hidden" value="1" id="countyId" name="countyId"/>
市:
<select id="city" name="city"
<option value="0" selected="selected">--不限--</option>
</select>=============biz里的方法====================// 根据省份Id得到城市信息
public List<City> GetCityListByCountId(int countId) {
sql="select city from City city Where city.county="+countId;
return this.getCommonDAO().list(sql);
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<li>
<span expanded="false">商品规格管理</span>
<ul>
<li>
<span value="form" expanded="false">Form</span>
<ul>
<li><a href="form/form.html" target="main" title="按钮">Form</a></li>
<li><a href="form/validation.html" target="main" title="数据验证">Validation</a></li>
<li><a href="form/validLabel.html" target="main" title="文本显示">Validation Label</a></li>
</ul>
</li>
</ul>
</li>
<span expanded="false">商品规格管理</span>
<ul>
<li>
<span value="form" expanded="false">Form</span>
<ul>
<li><a href="form/form.html" target="main" title="按钮">Form</a></li>
<li><a href="form/validation.html" target="main" title="数据验证">Validation</a></li>
<li><a href="form/validLabel.html" target="main" title="文本显示">Validation Label</a></li>
</ul>
</li>
</ul>
</li>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询