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 相关文章推荐
JavaScript 参数中的数组展开 [译]
Sep 21 Javascript
JavaScript中提前声明变量或函数例子
Nov 12 Javascript
DOM基础教程之模型中的模型节点
Jan 19 Javascript
简单谈谈javascript代码复用模式
Jan 28 Javascript
jQuery实现购物车计算价格功能的方法
Mar 25 Javascript
JS动态加载脚本并执行回调操作
Aug 24 Javascript
js关于getImageData跨域问题的解决方法
Oct 14 Javascript
微信小程序 网络请求(post请求,get请求)
Jan 17 Javascript
BootStrap daterangepicker 双日历控件
Jun 02 Javascript
angular2系列之路由转场动画的示例代码
Nov 09 Javascript
详解vue+webpack+express中间件接口使用
Jul 17 Javascript
一文帮你理解PReact10.5.13源码
Apr 03 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下利用header()函数设置浏览器缓存的代码
2010/09/01 PHP
PHP学习笔记(一):基本语法之标记、空白、和注释
2015/04/17 PHP
Apache服务器下防止图片盗链的办法
2015/07/06 PHP
WordPress中给文章添加自定义字段及后台编辑功能区域
2015/12/19 PHP
PHP编写学校网站上新生注册登陆程序的实例分享
2016/03/21 PHP
原生js实现查找/添加/删除/指定元素的class
2013/04/12 Javascript
jquery中get和post的简单实例
2014/02/04 Javascript
Node.js文件操作详解
2014/08/16 Javascript
JavaScript控制网页平滑滚动到指定元素位置的方法
2015/04/17 Javascript
基于JS实现EOS隐藏错误提示层代码
2016/04/25 Javascript
Javascript之Math对象详解
2016/06/07 Javascript
jQuery中on方法使用注意事项详解
2017/02/15 Javascript
详解如何使用webpack打包Vue工程
2017/05/27 Javascript
微信小程序支付之c#后台实现方法
2017/10/19 Javascript
js实现通过开始结束控制的计时器
2019/02/25 Javascript
使用nodejs分离html文件里的js和css详解
2019/04/12 NodeJs
vue实现抖音时间转盘
2019/09/08 Javascript
[01:11:46]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第一场 2月23日
2021/03/11 DOTA
python实现搜索指定目录下文件及文件内搜索指定关键词的方法
2015/06/28 Python
Python利用openpyxl库遍历Sheet的实例
2018/05/03 Python
Python使用pickle模块报错EOFError Ran out of input的解决方法
2018/08/16 Python
python爬虫开发之selenium模块详细使用方法与实例全解
2020/03/09 Python
Python做图像处理及视频音频文件分离和合成功能
2020/11/24 Python
Pandas对每个分组应用apply函数的实现
2020/12/13 Python
合作意向书格式及范文
2014/03/31 职场文书
企业宣传标语
2014/06/09 职场文书
毕业生求职信
2014/06/10 职场文书
幼儿园门卫岗位职责范本
2014/07/02 职场文书
焦裕禄精神心得体会
2014/09/02 职场文书
公司授权委托书范本
2014/09/18 职场文书
2014年国庆节广播稿
2014/09/19 职场文书
毕业生入职感言
2015/07/31 职场文书
校园运动会广播稿
2015/08/19 职场文书
送给自己的励志语句:要安静的优秀,悄无声息的坚强
2019/11/26 职场文书
JS Object构造函数之Object.freeze
2021/04/28 Javascript
你知道Java Spring的两种事务吗
2022/03/16 Java/Android