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 相关文章推荐
js精度溢出解决方案
Dec 02 Javascript
JS修改css样式style浅谈
May 06 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
Apr 17 Javascript
js实现n秒倒计时后才可以点击的效果
Dec 20 Javascript
7个去伪存真的JavaScript面试题
Jan 07 Javascript
CSS+jQuery实现简单的折叠菜单
Dec 20 Javascript
基于cropper.js封装vue实现在线图片裁剪组件功能
Mar 01 Javascript
vue-autoui自匹配webapi的UI控件的实现
Mar 20 Javascript
Vuex的各个模块封装的实现
Jun 05 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
Oct 29 Javascript
vue中可编辑树状表格的实现代码
Oct 31 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 Vue.js
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代码
2006/12/06 PHP
php基于双向循环队列实现历史记录的前进后退等功能
2015/08/08 PHP
PHP浮点数的一个常见问题
2016/03/10 PHP
PHP简单数据库操作类实例【支持增删改查及链式操作】
2016/10/10 PHP
PHP new static 和 new self详解
2017/02/19 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
Laravel关联模型中过滤结果为空的结果集(has和with区别)
2018/10/18 PHP
PHP文件操作简单介绍及函数汇总
2020/12/11 PHP
jQuery ui插件的使用方法代码实例
2013/05/08 Javascript
在javaScript中关于submit和button的区别介绍
2013/10/20 Javascript
JS判断文本框内容改变事件的简单实例
2014/03/07 Javascript
JS+DIV+CSS实现仿表单下拉列表效果
2015/08/18 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
2016/05/27 Javascript
vue中使用iview自定义验证关键词输入框问题及解决方法
2018/03/26 Javascript
详解VS Code使用之Vue工程配置format代码格式化
2019/03/20 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
2019/05/21 Javascript
微信小程序获取地理位置及经纬度授权代码实例
2019/09/18 Javascript
详解关于Vue单元测试的几个坑
2020/04/26 Javascript
[02:40]DOTA2超级联赛专访430 从小就爱玩对抗性游戏
2013/06/18 DOTA
[02:07]DOTA2新英雄展现中国元素,完美“圣典”亮相央视
2016/12/19 DOTA
[56:20]LGD vs VP Supermajor 败者组决赛 BO3 第三场 6.10
2018/07/04 DOTA
[55:39]DOTA2-DPC中国联赛 正赛 VG vs LBZS BO3 第二场 1月19日
2021/03/11 DOTA
Python计算程序运行时间的方法
2014/12/13 Python
Python函数参数类型*、**的区别
2015/04/11 Python
python socket多线程通讯实例分析(聊天室)
2016/04/06 Python
python基础之入门必看操作
2017/07/26 Python
使用python读取.text文件特定行的数据方法
2019/01/28 Python
pytorch模型预测结果与ndarray互转方式
2020/01/15 Python
简约控的天堂:The Undone
2016/12/21 全球购物
美国在线家居装饰店:Belle&June
2018/10/24 全球购物
Can a struct inherit from another class? (结构体能继承类吗)
2014/07/22 面试题
设计4个线程,其中两个线程每次对j增加1,另外两个线程对j每次减少1。写出程序。
2014/12/30 面试题
工业设计专业自荐书
2014/06/05 职场文书
电子商务专业求职信范文
2015/03/19 职场文书
大型强子对撞机再次重启探索“第五种自然力”
2022/04/29 数码科技
SQL解决未能删除约束问题drop constraint
2022/05/30 SQL Server