【HTML标签】js简单实现HTML标签Select联动带跳转-Select联动-跳转

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【js简单实现HTML标签Select联动带跳转】，下面是详细的讲解！

js简单实现HTML标签Select联动带跳转

var groups=document.form5.domain.options.length
var group=new Array(groups)
for (i=0; i < groups; i++)
group[i]=new Array()

//江岸
group[1][0]=new Option('不限', '0');
group[1][1]=new Option('堤角谌家矶', '17');
group[1][2]=new Option('二七', '18');
group[1][3]=new Option('后湖', '19');
group[1][4]=new Option('蔡家田花桥', '20');
group[1][5]=new Option('永清黄浦', '21');
group[1][6]=new Option('三阳路', '22');
group[1][7]=new Option('台北路香港路', '23');
group[1][8]=new Option('江汉路大智路', '24');
group[1][9]=new Option('其他', '25');

//江汉
group[2][0]=new Option('不限', '0');
group[2][1]=new Option('杨汊湖', '26');
group[2][2]=new Option('复兴村常青', '27');
group[2][3]=new Option('唐家墩', '28');
group[2][4]=new Option('王家墩CBD', '29');
group[2][5]=new Option('西北湖', '30');
group[2][6]=new Option('武广万松园', '31');
group[2][7]=new Option('前进花楼', '32');
group[2][8]=new Option('其他', '33');


//桥口
group[3][0]=new Option('不限', '0');
group[3][1]=new Option('武胜路', '34');
group[3][2]=new Option('宝丰', '35');
group[3][3]=new Option('宗关', '36');
group[3][4]=new Option('汉西', '37');
group[3][5]=new Option('古田', '38');
group[3][6]=new Option('其他', '39');


//东西湖
group[4][0]=new Option('不限', '0');
group[4][1]=new Option('常青花园', '40');
group[4][2]=new Option('金银湖', '41');
group[4][3]=new Option('吴家山', '42');
group[4][4]=new Option('金银潭将军路', '43');
group[4][5]=new Option('其他', '44');


//汉阳
group[5][0]=new Option('不限', '0');
group[5][1]=new Option('鹦鹉大道钟家村', '52');
group[5][2]=new Option('王家湾七里庙', '53');
group[5][3]=new Option('四新', '54');
group[5][4]=new Option('黄金口琴断口', '55');
group[5][5]=new Option('其他', '56');

//武汉经开
group[6][0]=new Option('不限', '0');
group[6][1]=new Option('沌口片', '57');
group[6][2]=new Option('其他', '58');

//武昌
group[7][0]=new Option('不限', '0');
group[7][1]=new Option('徐东', '62');
group[7][2]=new Option('岳家嘴', '63');
group[7][3]=new Option('水果湖', '64');
group[7][4]=new Option('积玉桥', '65');
group[7][5]=new Option('中南丁字桥', '66');
group[7][6]=new Option('小东门', '67');
group[7][7]=new Option('司门口', '68');
group[7][8]=new Option('阅马场首义', '69');
group[7][9]=new Option('武泰闸', '70');
group[7][10]=new Option('南湖花园', '71');
group[7][11]=new Option('其他', '72');


//青山
group[8][0]=new Option('不限', '0');
group[8][1]=new Option('建二', '73');
group[8][2]=new Option('红钢城', '74');
group[8][3]=new Option('其他', '75');

//洪山
group[9][0]=new Option('不限', '0');
group[9][1]=new Option('珞狮街道口', '76');
group[9][2]=new Option('卓刀泉虎泉', '77');
group[9][3]=new Option('南湖', '78');
group[9][4]=new Option('白沙洲', '79');
group[9][5]=new Option('黄家湖', '80');
group[9][6]=new Option('杨春湖', '81');
group[9][7]=new Option('其他', '82');


//东湖高新
group[10][0]=new Option('不限', '0');
group[10][1]=new Option('鲁巷', '88');
group[10][2]=new Option('关山', '89');
group[10][3]=new Option('大学科技园', '90');
group[10][4]=new Option('藏龙岛', '91');
group[10][5]=new Option('花山', '92');
group[10][6]=new Option('其他', '93');

//江夏
group[11][0]=new Option('不限', '0');
group[11][1]=new Option('流芳', '83');
group[11][2]=new Option('纸坊', '84');
group[11][3]=new Option('庙山', '85');
group[11][4]=new Option('大桥', '86');
group[11][5]=new Option('其他', '87');

//黄陂
group[12][0]=new Option('不限', '0');
group[12][1]=new Option('前川', '45');
group[12][2]=new Option('盘龙城', '46');
group[12][3]=new Option('武湖', '47');
group[12][4]=new Option('其他', '48');

//新洲
group[13][0]=new Option('不限', '0');
group[13][1]=new Option('新洲城区', '49');
group[13][2]=new Option('阳逻', '50');
group[13][3]=new Option('其他', '51');

//蔡甸
group[14][0]=new Option('不限', '0');
group[14][1]=new Option('蔡甸', '59');
group[14][2]=new Option('其他', '60');

//汉南
group[15][0]=new Option('汉南', '61');

//其他
group[16][0]=new Option('其他区域', '94');


var temp=document.form5.pian
function redirect2(x) {
for (m=temp.options.length - 1; m > 0; m--)
temp.options[m]=null
for (i=0; i < group[x].length; i++) {
temp.options[i]=new Option(group[x][i].text, group[x][i].value)
}
temp.options[0].selected=true
}
var bDomainId=0;
var sDomainId=0;
function getTabUrl(shangpu) {
bDomainId=$("#domainNewHouse").val();
sDomainId=$("#pianqu").val();
window.open("http://***.com.cn/houselist_" + bDomainId + "_" + sDomainId + "_0_0_0_0_0_0__2_2_1.html");
}

关于js简单实现HTML标签Select联动带跳转的用户互动如下：

　　相关问题：html js 联动

　　答：我这里只写了两个联动，其实第三个也是一样的，都是同样的方式，至于动态添加的数据也很简单，直接从后台接收就可以了，希望能帮到你 阶段： 请选择 阶段类型： 请选择 //阶段名称 var phaseName = ["立项设计","采购","启动准备","到货","实施"... >>详细

　　相关问题：js实现两个下拉框联动

　　答：基本方式有以下两种： 方式1： 给出菜单1的菜单数据，当点击某个菜单项后，把该项的值传给服务端，由服务端返回新的菜单数据到菜单2. 方式2： 菜单数据静态存储在js或者html元素中，当点击某个菜单项后，直接把相应的菜单数据到菜单2. 源代码你... >>详细

　　相关问题：js如何在指定页面跳转到另一指定页面

　　答：要实现从一个页面A跳到另一个页面B，js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式： 第一种：(跳转到b.html)window.location.href="b.html";第二种：（返回上一页面）window.history.back(-1);第三种：window.navigate("b.html");第... >>详细