Js simple implementation of HTML tag Select linkage with jump
- 2020-03-26 21:32:21
- OfStack
<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"> The query </td>
<td><select id="domainNewHouse" name="domain" onChange="redirect2(this.options.selectedIndex)">
<option value="0" selected> area </option>
<option value="1"> The riverbank district </option>
<option value="2"> Jianghan district </option>
<option value="3"> � estuary </option>
<option value="4"> dongxihu </option>
<option value="7"> hanyang </option>
<option value="8"> Wuhan after the open </option>
<option value="11"> Wuchang district </option>
<option value="12"> Qingshan district </option>
<option value="13"> Hongshan district </option>
<option value="15"> East lake high-tech zone </option>
<option value="14"> Jiangxia district </option>
<option value="5"> Huangpi district </option>
<option value="6"> Xinzhou district </option>
<option value="9"> Caidian district </option>
<option value="10"> The southern han </option>
<option value="16"> other </option>
</select></td>
<td><select name="pian" id="pianqu" style="width:80px;">
<option value="" selected> area </option></select>
<script src="Scripts/JScript1.js" type="text/javascript"></script>
</td>
<td><input name="" type="button" value=" search " style="height:20px;" class="anlv" onclick="getTabUrl('shangpu')"/></td>
</tr></FORM>
JScript1 code:
var groups = document.form5.domain.options.length
var group = new Array(groups)
for (i = 0; i < groups; i++)
group[i] = new Array()
// The riverbank
group[1][0] = new Option(' There is no limit ', '0');
group[1][1] = new Option(' Di jiao Chen jia ji ', '17');
group[1][2] = new Option(' erqi ', '18');
group[1][3] = new Option(' After the lake ', '19');
group[1][4] = new Option(' CAI jiatian flower bridge ', '20');
group[1][5] = new Option(' YongQing huangpu ', '21');
group[1][6] = new Option(' SAN Yang road, ', '22');
group[1][7] = new Option(' Taipei road Hong Kong road ', '23');
group[1][8] = new Option(' Jianghan road, dazhi road ', '24');
group[1][9] = new Option(' other ', '25');
// jianghan
group[2][0] = new Option(' There is no limit ', '0');
group[2][1] = new Option(' Yang lake branch ', '26');
group[2][2] = new Option(' Fuxing village is evergreen ', '27');
group[2][3] = new Option(' Tang Jiadun ', '28');
group[2][4] = new Option(' Therefore, CBD', '29');
group[2][5] = new Option(' The northwest lake ', '30');
group[2][6] = new Option(' Wuguang wansong garden ', '31');
group[2][7] = new Option(' The forward flowers floor ', '32');
group[2][8] = new Option(' other ', '33');
// Bridge opening
group[3][0] = new Option(' There is no limit ', '0');
group[3][1] = new Option(' Wu Shenglu ', '34');
group[3][2] = new Option(' baofeng ', '35');
group[3][3] = new Option(' Zong guan ', '36');
group[3][4] = new Option(' The western han ', '37');
group[3][5] = new Option(' Thou farmland ', '38');
group[3][6] = new Option(' other ', '39');
//Dongxihu district has superior
group[4][0] = new Option(' There is no limit ', '0');
group[4][1] = new Option(' Evergreen garden ', '40');
group[4][2] = new Option(' Gold and silver lake ', '41');
group[4][3] = new Option(' wujiashan ', '42');
group[4][4] = new Option(' Jinyintan general road ', '43');
group[4][5] = new Option(' other ', '44');
// hanyang
group[5][0] = new Option(' There is no limit ', '0');
group[5][1] = new Option(' Parrot avenue zhong jia village ', '52');
group[5][2] = new Option(' Qili temple, wangjiawan ', '53');
group[5][3] = new Option(' Four new ', '54');
group[5][4] = new Option(' Golden harmonica fracture ', '55');
group[5][5] = new Option(' other ', '56');
//Wuhan after the open
group[6][0] = new Option(' There is no limit ', '0');
group[6][1] = new Option(' Zhuankou piece ', '57');
group[6][2] = new Option(' other ', '58');
// wuchang
group[7][0] = new Option(' There is no limit ', '0');
group[7][1] = new Option(' xudong ', '62');
group[7][2] = new Option(' YueGuZui ', '63');
group[7][3] = new Option(' Fruit lake ', '64');
group[7][4] = new Option(' Product jade bridge ', '65');
group[7][5] = new Option(' Central south t-bridge ', '66');
group[7][6] = new Option(' The small east gate ', '67');
group[7][7] = new Option(' The door of the company ', '68');
group[7][8] = new Option(' The first meaning of the racecourse ', '69');
group[7][9] = new Option(' Wouters brake ', '70');
group[7][10] = new Option(' South lake garden ', '71');
group[7][11] = new Option(' other ', '72');
// shining man
group[8][0] = new Option(' There is no limit ', '0');
group[8][1] = new Option(' Building the second ', '73');
group[8][2] = new Option(' Steel city of red ', '74');
group[8][3] = new Option(' other ', '75');
// hongshan
group[9][0] = new Option(' There is no limit ', '0');
group[9][1] = new Option(' Luoshi street mouth ', '76');
group[9][2] = new Option(' Zhuo knife spring tiger spring ', '77');
group[9][3] = new Option(' The south lake ', '78');
group[9][4] = new Option(' Pak sha chau ', '79');
group[9][5] = new Option(' Example, ', '80');
group[9][6] = new Option(' Yang Chunhu ', '81');
group[9][7] = new Option(' other ', '82');
//East lake high-tech
group[10][0] = new Option(' There is no limit ', '0');
group[10][1] = new Option(' Lu lane ', '88');
group[10][2] = new Option(' The mountain ', '89');
group[10][3] = new Option(' University science park ', '90');
group[10][4] = new Option(' Hidden dragon island ', '91');
group[10][5] = new Option(' huashan ', '92');
group[10][6] = new Option(' other ', '93');
// jiangxia
group[11][0] = new Option(' There is no limit ', '0');
group[11][1] = new Option(' everythings ', '83');
group[11][2] = new Option(' Paper mill ', '84');
group[11][3] = new Option(' Temple mountain ', '85');
group[11][4] = new Option(' The bridge ', '86');
group[11][5] = new Option(' other ', '87');
// Huang Bei
group[12][0] = new Option(' There is no limit ', '0');
group[12][1] = new Option(' The maekawa ', '45');
group[12][2] = new Option(' Plate of liuzhou, ', '46');
group[12][3] = new Option(' Wu Hu ', '47');
group[12][4] = new Option(' other ', '48');
// NSW
group[13][0] = new Option(' There is no limit ', '0');
group[13][1] = new Option(' The new city ', '49');
group[13][2] = new Option(' yangluo ', '50');
group[13][3] = new Option(' other ', '51');
// caidian
group[14][0] = new Option(' There is no limit ', '0');
group[14][1] = new Option(' caidian ', '59');
group[14][2] = new Option(' other ', '60');
// The south han
group[15][0] = new Option(' The south han ', '61');
// other
group[16][0] = new Option(' Other areas ', '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");
}