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


Posted in Javascript onOctober 23, 2013
<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"); 
}
Javascript 相关文章推荐
使Ext的Template可以解析二层的json数据的方法
Dec 22 Javascript
js url传值中文乱码之解决之道
Nov 20 Javascript
jquery乱码与contentType属性设置问题解决方案
Jan 07 Javascript
JS中的log对象获取以及debug的写法介绍
Mar 03 Javascript
更快的异步执行(setTimeout多浏览器)
Aug 12 Javascript
javascript获得当前的信息的一些常用命令
Feb 25 Javascript
浅谈JavaScript 中有关时间对象的方法
Aug 15 Javascript
微信小程序 flex实现导航实例详解
Apr 26 Javascript
JS轮播图实现简单代码
Feb 19 Javascript
vue element项目引入icon图标的方法
Jun 06 Javascript
mpvue跳转页面及注意事项
Aug 03 Javascript
详解一些适用于Node.js的命名约定
Dec 08 Javascript
JS Date函数整理方便使用
Oct 23 #Javascript
改变文件域的样式实现思路同时兼容ie、firefox
Oct 23 #Javascript
JavaScript instanceof 的使用方法示例介绍
Oct 23 #Javascript
javascript中的=等号个数问题两个跟三个有什么区别
Oct 23 #Javascript
用js来获取上传的文件名纯粹是为了美化而用
Oct 23 #Javascript
ajax与302响应代码测试
Oct 23 #Javascript
通过js简单实现将一个文本内容转译成加密文本
Oct 22 #Javascript
You might like
用PHP提取中英文词语以及数字的首字母的方法介绍
2013/04/23 PHP
那些年我们错过的魔术方法(Magic Methods)
2014/01/14 PHP
php创建和删除目录函数介绍和递归删除目录函数分享
2014/11/18 PHP
php绘制一条直线的方法
2015/01/24 PHP
php的api数据接口书写实例(推荐)
2016/09/22 PHP
PHP常用字符串函数用法实例总结
2020/06/04 PHP
Confirmer JQuery确认对话框组件
2010/06/09 Javascript
JavaScript实现GriwView单列全选(自写代码)
2013/05/13 Javascript
固定网页背景图同时保持图片比例的思路代码
2013/08/15 Javascript
jquery实现简单易懂的图片展示小例子
2013/11/21 Javascript
JavaScript与HTML的结合方法详解
2015/11/23 Javascript
原生javascript实现自动更新的时间日期
2016/02/12 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
2016/12/01 Javascript
jQuery编写网页版2048小游戏
2017/01/06 Javascript
js获取当前页的URL与window.location.href简单方法
2017/02/13 Javascript
详解vue表单验证组件 v-verify-plugin
2017/04/19 Javascript
javascript 中的继承实例详解
2017/05/05 Javascript
js实现移动端导航点击自动滑动效果
2017/07/18 Javascript
JS库之Waypoints的用法详解
2017/09/13 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
React服务端渲染原理解析与实践
2021/03/04 Javascript
在Python中marshal对象序列化的相关知识
2015/07/01 Python
举例讲解Linux系统下Python调用系统Shell的方法
2015/11/07 Python
Python中的pack和unpack的使用
2018/03/12 Python
tensorflow更改变量的值实例
2018/07/30 Python
浅谈python连续赋值可能引发的错误
2018/11/10 Python
pyqt5实现登录界面的模板
2020/05/30 Python
python实现日志按天分割
2019/07/22 Python
python flask搭建web应用教程
2019/11/19 Python
彼得罗夫美国官网:Peter Thomas Roth美国(青瓜面膜)
2017/11/05 全球购物
资料员岗位职责
2013/11/17 职场文书
做一个有道德的人演讲稿
2014/05/14 职场文书
工作求职信
2014/07/04 职场文书
债务纠纷委托书
2014/08/30 职场文书
《烈火英雄》观后感:致敬和平时代的英雄
2019/11/11 职场文书
python爬取某网站原图作为壁纸
2021/06/02 Python