| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 2092 人关注过本帖
标题:js联动下拉菜单第二项选择后怎么样直接跳转
只看楼主 加入收藏
sy0024
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2010-11-11
结帖率:0
收藏
已结贴  问题点数:20 回复次数:3 
js联动下拉菜单第二项选择后怎么样直接跳转
已知代码如下
<form name="frm">
    <select onChange="redirec(document.frm.s1.options.selectedIndex)" name="s1">
    <option selected="selected">请选择大类</option>
    <option value="1">整车展示</option>
    <option value="2">配件展示</option>
    <option value="3">轮胎展示</option>
    </select> <br />
    <select name="s2">
    <option value="请选择小类" selected="selected">请选择小类</option>
    </select>
</form>
<script language="javascript">
//获取一级菜单长度
var select1_len = document.frm.s1.options.length;
var select2 = new Array(select1_len);
//把一级菜单都设为数组
for (i=0; i<select1_len; i++)
{ select2[i] = new Array();}
//定义基本选项
select2[0][0] = new Option("请选择小类", " ");

select2[1][0] = new Option("HOVA豪威矿用车", "http://www.);
select2[1][1] = new Option("HOVA带式输送车", "");
select2[1][2] = new Option("HOWO豪沃全轮驱动车(越野车)", " ");
select2[1][3] = new Option("斯太尔(王)全轮驱动车(越野车)", " ");
select2[1][4] = new Option("低速牵引车(码头车)", " ");
select2[1][5] = new Option("HOWO豪沃10X6大型运输车", " ");
select2[1][6] = new Option("四开门消防车", " ");
select2[1][7] = new Option("原木运输车", " ");
select2[1][8] = new Option("油田专用车", " ");
select2[1][9] = new Option("军用汽车", " ");
select2[1][10] = new Option("自卸车", " ");
select2[1][11] = new Option("载货车", " ");
select2[1][12] = new Option("牵引车", " ");
 

select2[2][0] = new Option("C/C++", " ");
select2[2][1] = new Option("Java", " ");
select2[2][2] = new Option("C#", " ");

select2[3][0] = new Option("Perl", " ");
select2[3][1] = new Option("Ruby", " ");
select2[3][2] = new Option("Python", " ");
//联动函数
function redirec(x)
{
var temp = document.frm.s2;
for (i=0;i<select2[x].length;i++)
{ temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);}
temp.options[0].selected=true;
}
</script>
可是不知道选择第二项后怎样能直接跳转
select2[1][0] = new Option("HOVA豪威矿用车", "http://www.);
搜索更多相关主题的帖子: 选择 菜单 
2010-11-11 17:07
gupiao175
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:40
帖 子:1787
专家分:7527
注 册:2007-6-27
收藏
得分:6 
程序代码:
<form name="frm">
    <select onChange="redirec(document.frm.s1.options.selectedIndex)" name="s1" id="s1">
    <option selected="selected">请选择大类</option>
    <option value="1">整车展示</option>
    <option value="2">配件展示</option>
    <option value="3">轮胎展示</option>
    </select> <br />
    <select name="s2" id="s2"  onchange="abc()">
    <option value="请选择小类" selected="selected">请选择小类</option>
    </select>
</form>
<script language="javascript">
function abc(){
var s2=document.getElementById("s2");
     window.location=s2.options[s2.selectedIndex].value;
     }

//获取一级菜单长度
var select1_len = document.frm.s1.options.length;
var select2 = new Array(select1_len);
//把一级菜单都设为数组
for (i=0; i<select1_len; i++)
{ select2[i] = new Array();}
//定义基本选项
select2[0][0] = new Option("请选择小类", " ");

select2[1][0] = new Option("HOVA豪威矿用车", "http://www.);
select2[1][1] = new Option("HOVA带式输送车", "http://www.baidu.com");
select2[1][2] = new Option("HOWO豪沃全轮驱动车(越野车)", "http://www.baidu.com");
select2[1][3] = new Option("斯太尔(王)全轮驱动车(越野车)", "http://www.baidu.com");
select2[1][4] = new Option("低速牵引车(码头车)", "http://www.baidu.com");
select2[1][5] = new Option("HOWO豪沃10X6大型运输车", " ");
select2[1][6] = new Option("四开门消防车", " ");
select2[1][7] = new Option("原木运输车", " ");
select2[1][8] = new Option("油田专用车", " ");
select2[1][9] = new Option("军用汽车", " ");
select2[1][10] = new Option("自卸车", " ");
select2[1][11] = new Option("载货车", " ");
select2[1][12] = new Option("牵引车", " ");


select2[2][0] = new Option("C/C++", " ");
select2[2][1] = new Option("Java", " ");
select2[2][2] = new Option("C#", " ");

select2[3][0] = new Option("Perl", " ");
select2[3][1] = new Option("Ruby", " ");
select2[3][2] = new Option("Python", " ");
//联动函数
function redirec(x)
{
var temp = document.frm.s2;
for (i=0;i<select2[x].length;i++)
{ temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);}
temp.options[0].selected=true;
}
</script>
不知道这样可否!用了百度页面进行测试,后面没有src的无法生效!

Q:1428196631,百度:开发地 即可找到我,有事请留言!
2010-11-11 18:05
hugeannex
Rank: 8Rank: 8
等 级:蝙蝠侠
威 望:6
帖 子:483
专家分:911
注 册:2005-3-20
收藏
得分:6 
改这个:
<select name="s2" onchange="location.href=this.value">
    <option value="请选择小类" selected="selected">请选择小类</option>
</select>

再改一下这个:
function redirec(x)
{
 var temp = document.frm.s2;
 temp.options.length=1;
 for (i=1;i<select2[x].length;i++)
 {
  temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);
 }
}


世事如潮我如水,只叹江湖几人回。
2010-11-12 13:09
qingshuiliu
Rank: 10Rank: 10Rank: 10
等 级:贵宾
威 望:17
帖 子:323
专家分:1538
注 册:2009-12-28
收藏
得分:6 
gupiao太强悍了。
2010-11-12 18:43
快速回复:js联动下拉菜单第二项选择后怎么样直接跳转
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.013375 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved