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 相关文章推荐
window.open被浏览器拦截后的自定义提示效果代码
Nov 19 Javascript
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
Jan 05 Javascript
解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
May 13 Javascript
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)
Jan 29 Javascript
jquery更换文章内容与改变字体大小代码
Sep 30 Javascript
EasyUi datagrid 实现表格分页
Feb 10 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
Jun 20 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
Mar 02 Javascript
bootstrap switch开关组件使用方法详解
Aug 22 Javascript
在vue-cli中组件通信的方法
Dec 16 Javascript
Vue 拦截器对token过期处理方法
Jan 23 Javascript
微信小程序实现倒计时调用相机自动拍照功能
Jun 10 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网页游戏学习之Xnova(ogame)源码解读(十二)
2014/06/25 PHP
composer.lock文件的作用
2016/02/03 PHP
thinkPHP中验证码的简单实现方法
2016/12/05 PHP
[原创]PHP正则删除html代码中a标签并保留标签内容的方法
2017/05/23 PHP
JTrackBar水平拖动效果
2007/07/15 Javascript
通过action传过来的值在option获取进行验证的方法
2013/11/14 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
2015/05/03 Javascript
jquery点击缩略图切换视频播放特效代码分享
2015/09/15 Javascript
js实现字符串和数组之间相互转换操作
2016/01/12 Javascript
jquery模拟实现鼠标指针停止运动事件
2016/01/12 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
2016/01/27 Javascript
js点击返回跳转到指定页面实现过程
2020/08/20 Javascript
jQuery实现底部浮动窗口效果
2016/09/07 Javascript
jQuery弹出窗口打开链接的实现代码
2016/12/24 Javascript
JavaScript 中的 this 工作原理
2018/06/20 Javascript
vue使用监听实现全选反选功能
2018/07/06 Javascript
Element Input组件分析小结
2018/10/11 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
2019/06/20 jQuery
python实现zencart产品数据导入到magento(python导入数据)
2014/04/03 Python
Python中用Descriptor实现类级属性(Property)详解
2014/09/18 Python
Python简单实现子网掩码转换的方法
2016/04/13 Python
Python 多线程的实例详解
2017/09/07 Python
python探索之BaseHTTPServer-实现Web服务器介绍
2017/10/28 Python
Python实现的朴素贝叶斯分类器示例
2018/01/06 Python
使用实现pandas读取csv文件指定的前几行
2018/04/20 Python
解决Mac安装scrapy失败的问题
2018/06/13 Python
Python设计模式之策略模式实例详解
2019/01/21 Python
Python自动化导出zabbix数据并发邮件脚本
2019/08/16 Python
Python函数的默认参数设计示例详解
2019/12/01 Python
pytorch中图像的数据格式实例
2020/02/11 Python
Python3.7 读取音频根据文件名生成脚本的代码
2020/04/07 Python
Python WebSocket长连接心跳与短连接的示例
2020/11/24 Python
绝对令人的惊叹的CSS3折叠效果(3D效果)整理
2012/12/30 HTML / CSS
西安众合通用.net笔试题
2013/03/18 面试题
教师求职信范文分享
2013/12/27 职场文书
Redis延迟队列和分布式延迟队列的简答实现
2021/05/13 Redis