欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js簡單實現HTML標簽Select聯動帶跳轉

 更新時間:2013年10月23日 17:22:16   投稿:whsnow  
Select聯動帶跳轉的效果想必大家并不陌生吧,下面有個不錯的示例,感興趣的朋友可以參考下

復制代碼 代碼如下:

<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>區(qū)域</option>
<option value="1">江岸區(qū)</option>
<option value="2">江漢區(qū)</option>
<option value="3">硚口區(qū)</option>
<option value="4">東西湖區(qū)</option>
<option value="7">漢陽區(qū)</option>
<option value="8">武漢經開</option>
<option value="11">武昌區(qū)</option>
<option value="12">青山區(qū)</option>
<option value="13">洪山區(qū)</option>
<option value="15">東湖高新區(qū)</option>
<option value="14">江夏區(qū)</option>
<option value="5">黃陂區(qū)</option>
<option value="6">新洲區(qū)</option>
<option value="9">蔡甸區(qū)</option>
<option value="10">漢南區(qū)</option>
<option value="16">其他</option>
</select></td>
<td><select name="pian" id="pianqu" style="width:80px;">
<option value="" selected>片區(qū)</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][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][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('新洲城區(qū)', '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('其他區(qū)域', '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");
}

相關文章

  • 微信小程序表單彈窗實例

    微信小程序表單彈窗實例

    這篇文章主要為大家詳細介紹了微信小程序表單彈窗實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-07-07
  • 微信小程序開發(fā)自定義tabBar實戰(zhàn)案例(定制消息99+小紅心)

    微信小程序開發(fā)自定義tabBar實戰(zhàn)案例(定制消息99+小紅心)

    一定的需求情況下無法使用小程序原生的tabbar的時候,需要自行實現一個和tabbar功能一模一樣的自制組件,下面這篇文章主要給大家介紹了關于微信小程序開發(fā)自定義tabBar(定制消息99+小紅心)的相關資料,需要的朋友可以參考下
    2022-12-12
  • JS字符串函數擴展代碼

    JS字符串函數擴展代碼

    JS字符串函數擴展代碼,大家可以參考下prototype的使用方法,擴展自己的字符串處理函數。
    2011-09-09
  • JavaScript異步編程:異步數據收集的具體方法

    JavaScript異步編程:異步數據收集的具體方法

    我們先嘗試在不借助任何工具函數的情況下來解決這個問題。筆者能想到的最簡單的方法是:因前一個readFile的回調運行下一個readFile,同時跟蹤記錄迄今已觸發(fā)的回調次數,并最終顯示輸出。下面是筆者的實現結果。
    2013-08-08
  • javascript 漢字轉拼音實現代碼

    javascript 漢字轉拼音實現代碼

    主要是提前定義了很多文字,這樣的方法不是很是,如果庫中沒有這個詞,是看不到相關信息的。
    2009-12-12
  • js常用排序實現代碼

    js常用排序實現代碼

    js常用排序,整理了,常用的數組互換。
    2010-12-12
  • JavaScript創(chuàng)建數組的方法詳解

    JavaScript創(chuàng)建數組的方法詳解

    這篇文章主要為大家介紹了JavaScript創(chuàng)建數組的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2021-12-12
  • 生成無限制的微信小程序碼的示例代碼

    生成無限制的微信小程序碼的示例代碼

    這篇文章主要介紹了生成無限制的微信小程序碼的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-09-09
  • 輕松掌握JavaScript裝飾者模式

    輕松掌握JavaScript裝飾者模式

    這篇文章主要幫助大家輕松掌握JavaScript裝飾者模式,告訴大家什么是js裝飾者模式,感興趣的小伙伴們可以參考一下
    2016-08-08
  • Angular+Bootstrap+Spring Boot實現分頁功能實例代碼

    Angular+Bootstrap+Spring Boot實現分頁功能實例代碼

    這篇文章主要介紹了Angular+Bootstrap+Spring Boot實現分頁功能實例代碼,需要的朋友可以參考下
    2017-07-07

最新評論