js简单实现HTML标签Select联动带跳转
2013-10-23 00:00
1011 查看
<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"); }
相关文章推荐
- html中的a标签用js来实现页面跳转的功能(php分页时做的页面跳转)
- js实现HTML中Select二级联动
- 用HTML/JS/PHP方式实现页面延时跳转的简单实例
- JS简单实现多级Select联动菜单效果代码
- 用HTML/JS/PHP方式实现页面延时跳转的简单实例
- window.location.href妙用 标签里用js 利用这个简单的转换思路 实现 一直也无法实现的在 页面的html标签使
- JS+html 实现select二级联动菜单
- js实现HTML中Select二级联动的实例
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参(selected的值和页面其它元素的值)以及js的select
- JS简单实现多级Select联动菜单效果代码
- JS对HTML标签select的获取、添加、删除操作
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
- js中创建html标签、加入select下默认的option的value和text、删除select元素节点下全部的OPTION节点
- js实现select跳转菜单新窗口效果代码分享(超简单)
- 使用JS对select标签进行联动选择
- [js高手之路]HTML标签解释成DOM节点的实现方法
- 用html+css+js实现的一个简单的图片切换特效
- js实现select跳转功能代码