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

　　<script src="Scripts/jquery-1.9.1.min.js" type="text/javascript"></script>

　　<FORM name="form5" id="form5" action="" method="post" target="_blank" onsubmit="document.charset='GB2312';return false">

　　<tr>

　　<td nowrap="nowrap" class="biao">查询</td>

　　<td><select id="domainNewHouse" name="domain" onChange="redirect2(this.options.selectedIndex)">

　　<option value="0" selected>区域</option>

　　<option value="1">江岸区</option>

　　<option value="2">江汉区</option>

　　<option value="3">硚口区</option>

　　<option value="4">东西湖区</option>

　　<option value="7">汉阳区</option>

　　<option value="8">武汉经开</option>

　　<option value="11">武昌区</option>

　　<option value="12">青山区</option>

　　<option value="13">洪山区</option>

　　<option value="15">东湖高新区</option>

　　<option value="14">江夏区</option>

　　<option value="5">黄陂区</option>

　　<option value="6">新洲区</option>

　　<option value="9">蔡甸区</option>

　　<option value="10">汉南区</option>

　　<option value="16">其他</option>

　　</select></td>

　　<td><select name="pian" id="pianqu" style="width:80px;">

　　<option value="" selected>片区</option></select>

　　<script src="Scripts/JScript1.js" type="text/javascript"></script>

　　</td>

　　<td><input name="" type="button" value="搜索" style="height:20px;" class="anlv" onclick="getTabUrl('shangpu')"/></td>

　　</tr></FORM>

　　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");

　　}