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 Window及document对象详细整理
Jan 12 Javascript
8个超实用的jQuery功能代码分享
Jan 08 Javascript
AngularJS学习笔记之基本指令(init、repeat)
Jun 16 Javascript
js实现上一页下一页的效果【附代码】
Mar 10 Javascript
AngularJs每天学习之总体介绍
Aug 07 Javascript
微信小程序switch组件使用详解
Jan 31 Javascript
Bootstrap 中data-[*] 属性的整理
Mar 13 Javascript
Js通过AES加密后PHP用Openssl解密的方法
Jul 12 Javascript
解决Layui数据表格的宽高问题
Sep 28 Javascript
基于leaflet.js实现修改地图主题样式的流程分析
May 15 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 Vue.js
jquery实现拖拽小方块效果
Dec 10 jQuery
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
Yii2中使用asset压缩js,css文件的方法
2016/11/24 PHP
php中static和const关键字用法分析
2016/12/07 PHP
Zend Framework动作控制器用法示例
2016/12/09 PHP
PDO::errorCode讲解
2019/01/28 PHP
微信JSSDK分享功能图文实例详解
2019/04/08 PHP
Yii2框架配置文件(Application属性)与调试技巧实例分析
2019/05/27 PHP
juqery 学习之五 文档处理 插入
2011/02/11 Javascript
EasyUI中datagrid在ie下reload失败解决方案
2015/03/09 Javascript
jquery 遍历数组 each 方法详解
2016/05/25 Javascript
JS快速实现移动端拼图游戏
2016/09/05 Javascript
jQuery拖拽通过八个点改变div大小
2020/11/29 Javascript
JavaScript使用原型和原型链实现对象继承的方法详解
2017/04/05 Javascript
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
2017/04/13 Javascript
详解Vue 开发模式下跨域问题
2017/06/06 Javascript
bootstrap时间插件daterangepicker使用详解
2017/10/19 Javascript
微信小程序scroll-view仿拼多多横向滑动滚动条
2020/04/21 Javascript
微信小程序实现省市区三级地址选择
2020/06/21 Javascript
webpack的 rquire.context用法实现工程自动化的方法
2020/02/07 Javascript
浅谈vue生命周期共有几个阶段?分别是什么?
2020/08/07 Javascript
Python  连接字符串(join %)
2008/09/06 Python
Python中尝试多线程编程的一个简明例子
2015/04/07 Python
Python制作钉钉加密/解密工具
2016/12/07 Python
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
Python 查找字符在字符串中的位置实例
2018/05/02 Python
Tensorflow 实现修改张量特定元素的值方法
2018/07/30 Python
python的pip安装以及使用教程
2018/09/18 Python
python实现自动登录后台管理系统
2018/10/18 Python
Linux下Python安装完成后使用pip命令的详细教程
2018/11/22 Python
一行Python代码过滤标点符号等特殊字符
2019/08/12 Python
TensorFlow查看输入节点和输出节点名称方式
2020/01/04 Python
python实现图片横向和纵向拼接
2020/03/05 Python
HTML5教程之html 5 本地数据库(Web Sql Database)
2014/04/03 HTML / CSS
2015秋季田径运动会广播稿
2015/08/19 职场文书
用JS实现飞机大战小游戏
2021/06/09 Javascript
nginx 配置缓存
2022/05/11 Servers
canvas 中如何实现物体的框选
2022/08/05 Javascript