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>

JScript1代码：
复制代码代码如下:
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"）;
}