① js下拉菜單出現Undefined，二級聯動菜單出錯
中括弧之間的逗號不能省略
例如['0601 工業用地', '0602 采礦用地', '0603 鹽田', '0604 倉儲用地'] ['0701 城鎮住宅用地', '0702 農村宅基地']兩個 ][ 之間要加英文逗號
② JS 二級聯動頁面問題
修改後的JSP代碼如下：
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<linkrel="stylesheet"type="text/css"href="CSS/css_style.css"/>
<title>恆豐銀行昆明分行外部評級機構管理系統</title>
</head>
<script>
vararr=newArray();
arr[0]="昆明市,五華區,盤龍區,官渡區,西山區,東川區,呈貢縣,晉寧縣,富民縣,宜良縣,石林彝族自治縣,嵩明縣,祿勸彝族苗族自治縣,尋甸回族彝族自治縣,安寧市";
arr[1]="曲靖市,麒麟區,馬龍縣,陸良縣,師宗縣,羅平縣,富源縣,會澤縣,沾益縣,宣威市";
arr[2]="玉溪市,紅塔區,江川縣,澄江縣,通海縣,華寧縣,易門縣,峨山彝族自治縣,新平彝族傣族自治縣,元江哈尼族彝族傣族自治縣";
arr[3]="昭通市,昭陽區,魯甸縣,巧家縣,鹽津縣,大關縣,永善縣,綏江縣,鎮雄縣,彝良縣,威信縣,水富縣";
arr[4]="麗江市,隆陽區,施甸縣,騰沖縣,龍陵縣,昌寧縣";
arr[5]="普洱市,古城區,玉龍納西族自治縣,永勝縣,華坪縣,寧蒗彝族自治縣";
arr[6]="臨滄市,翠雲區,普洱哈尼族彝族自治縣,墨江哈尼族自治縣,景東彝族自治縣,景谷傣族彝族自治縣,鎮沅彝族哈尼族拉祜族自治縣,江城哈尼族彝族自治縣,孟連傣族拉祜族佤族自治縣,瀾滄拉祜族自治縣,西盟佤族自治縣";
arr[7]="德宏市,臨翔區,鳳慶縣,雲縣,永德縣,鎮康縣,雙江拉祜族佤族布朗族傣族自治縣,耿馬傣族佤族自治縣,滄源佤族自治縣";
arr[8]="瑞麗市,潞西市,梁河縣,盈江縣,隴川縣";
arr[9]="瀘水縣,福貢縣,貢山獨龍族怒族自治縣,蘭坪白族普米族自治縣";
arr[10]="香格里拉縣,德欽縣,維西傈僳族自治縣";
arr[11]="大理市,漾濞彝族自治縣,祥雲縣,賓川縣,彌渡縣,南澗彝族自治縣,巍山彝族回族自治縣,永平縣,雲龍縣,洱源縣,劍川縣,鶴慶縣";
arr[12]="楚雄市,雙柏縣,牟定縣,南華縣,姚安縣,大姚縣,永仁縣,元謀縣,武定縣,祿豐縣";
arr[13]="個舊市,開遠市,蒙自縣,屏邊苗族自治縣,建水縣,石屏縣,彌勒縣,瀘西縣,元陽縣,紅河縣,金平苗族瑤族傣族自治縣,綠春縣,河口瑤族自治縣";
arr[14]="文山縣,硯山縣,西疇縣,麻栗坡縣,馬關縣,丘北縣,廣南縣,富寧縣";
arr[15]="景洪市,勐海縣,勐臘縣";
functioninit(index){
varcity=document.getElementById("city_"+index);
varcityArr=arr[0].split(",");
for(vari=0;i<cityArr.length;i++){
city[i]=newOption(cityArr[i],cityArr[i]);
}
}
functiongetCity(comp){
//獲得控制項序號（1..*）
varindex=comp.id.charAt(comp.id.length-1);
varprovince=document.getElementById("province_"+index);
varcity=document.getElementById("city_"+index);
varcityArr=arr[province.selectedIndex].split(",");
city.length=0;
//將城市數組中的值填充到城市下拉框中
for(vari=0;i<cityArr.length;i++){
city[i]=newOption(cityArr[i],cityArr[i]);
}
}
</script>
<script>
functiondisplayResult(){
vartable=document.getElementById("table-7");
varrows=table.rows.length;
varcurrRow=rows-1;
varrow=table.insertRow(currRow);
varcell1=row.insertCell(0);
varcell2=row.insertCell(1);
varindex=currRow-2;
cell1.innerHTML="+抵押物";
cell2.innerHTML="抵押物證號：<inputname='clot_no_"+index+"'><inputtype='button'value='+'onClick='displayResult();'><br/>"
+"抵押物歸屬地:"
+"<selectid='province_"+index+"'size=1onchange='getCity(this)'>"
+"<optionvalue=0>昆明</option>"
+"<optionvalue=1>曲靖</option>"
+"<optionvalue=2>玉溪</option>"
+"<optionvalue=3>昭通</option>"
+"<optionvalue=4>保山</option>"
+"<optionvalue=5>麗江</option>"
+"<optionvalue=6>普洱</option>"
+"<optionvalue=7>臨滄</option>"
+"<optionvalue=8>德宏</option>"
+"<optionvalue=9>怒江</option>"
+"<optionvalue=10>迪慶</option>"
+"<optionvalue=11>大理</option>"
+"<optionvalue=12>楚雄</option>"
+"<optionvalue=13>紅河</option>"
+"<optionvalue=14>文山</option>"
+"<optionvalue=15>版納</option>"
+"</select>"
+"<selectid='city_"+index+"'style='width:auto'></select><br/>"
+"抵押物地址：<inputname='clotaddr"+index+"'>";
init(index);
}
</script>
<bodyonload="init(1)">
<divid="wrapper">
<headerclass="SiteHeader"><imgsrc="PIC/HF_LOGO.png"
alt="HFKM-KJB"style="width:89px;height:34px;"></header>
<asideclass="NavSidebar"><nav>
<h2>當前用戶</h2>
<ul>
<li>用戶名：</li>
<li>角色：</li>
</ul>
</nav><nav>
<h2>功能導航</h2>
<ul>
<%
Stringmana_type=session.getAttribute("mana_type").toString();
Stringmenu="";
if(mana_type.equals("系統管理員")){
menu="<li><ahref="showOrg.do">查看評估機構</a></li><li><ahref="CreateOrg.jsp">新增評估機構</a></li><li><ahref="showPle_done.do">查看已抽簽抵押物</a></li><li><ahref="showPle.do">查看未抽簽抵押物</a></li><li><ahref="showPle.do">抽簽結果查看</a></li>";
}else
{
menu="<li><ahref="showOrg.do">查看評估機構</a></li><li><ahref="showPle_done.do">查看已抽簽抵押物</a></li><li><ahref="showPle.do">查看未抽簽抵押物</a></li><li><ahref="CreatePle.jsp">新增抵押物</a></li><li><ahref="showPle.do">抵押物抽簽</a></li>";
}
%>
<%=menu%>
</ul>
</nav><section>
<h2>系統設置</h2>
<ul>
<li><ahref="">修改密碼</a></li>
<li><ahref="logout.do">退出登錄</a></li>
</ul>
</section><br/>
<br/>
<br/>
<br/>
</aside>
<main><articleclass="Content"><header
class="ArticleHeader"></header>
<h3align=center>新增業務信息</h3>
<br/>
<formname="frmCrePle"action="CrePle.do">
<tableborder="1"id="table-7">
<tr>
<td>借款人名稱</td>
<td><inputname="loan_na"></td>
</tr>
<tr>
<td>借款人身份證號/統一社會信用代碼</td>
<td><inputname="loan_no"></td>
</tr>
<tr>
<td>抵押人名稱</td>
<td><inputname="plg_na"></td>
</tr>
<tr>
<tdid="td_na_1">抵押物</td>
<tdid="clot_no">
抵押物證號：<inputname="clot_no_1"><inputtype="button"value="+"onClick="displayResult(this);"><br/>
抵押物歸屬地:
<selectid="province_1"size=1onchange="getCity(this)">
<optionvalue=0>昆明</option>
<optionvalue=1>曲靖</option>
<optionvalue=2>玉溪</option>
<optionvalue=3>昭通</option>
<optionvalue=4>保山</option>
<optionvalue=5>麗江</option>
<optionvalue=6>普洱</option>
<optionvalue=7>臨滄</option>
<optionvalue=8>德宏</option>
<optionvalue=9>怒江</option>
<optionvalue=10>迪慶</option>
<optionvalue=11>大理</option>
<optionvalue=12>楚雄</option>
<optionvalue=13>紅河</option>
<optionvalue=14>文山</option>
<optionvalue=15>版納</option>
</select>
<selectid="city_1"style="width:auto"></select><br/>
抵押物地址：<inputname="clotaddr_1">
</td>
</tr>
<tralign="center">
<tdcolspan="2"><inputtype="submit"value="提交"></td>
</tr>
</table>
</form>
</article></main>
<footer>
<pclass="Disclaimer">
©2017恆豐銀行昆明分行<br>DisignbyKJB-TianSIR
</p>
</footer>
</div>
</body>
</html>
③ 拷來JS二級聯動，有幾處看不懂
1.可能是為了兼容兩種不同瀏覽器對ADD語法的不同
2.頁面第一次載入後初始化城市下拉列
④ js二級聯動下拉列表不顯示裡面的值
js二級聯動下拉列表不顯示裡面的值，在二級下拉框中添加 @change 方法，方法體里調用 this.$forceUpdate() 方法
⑤ js二級聯動下拉列表菜單
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>New Document </title>
<script language="JavaScript" type="text/javascript">
var city=[
["北京","天津","上海","重慶"],
["南京","蘇州","南通","常州"],
["福州","福安","龍岩","南平"],
["廣州","潮陽","潮州","澄海"],
["蘭州","白銀","定西","敦煌"]
];
function getCity(){
var sltProvince=document.getElementById("province");
var sltCity=document.getElementById("city");
var provinceCity=city[sltProvince.selectedIndex-1];
sltCity.length=1;
for(var i=0;i<provinceCity.length;i++){
sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);
}
}
</script>
</head>
<body>
<form action="somepage.asp" name=theForm">
<select name="province" id="province" onchange="getCity()">
<option value="0">請選擇所在省份</option>
<option value="直轄市">直轄市</option>
<option value="江蘇省">江蘇省</option>
<option value="福建省">福建省</option>
<option value="廣東省">廣東省</option>
<option value="甘肅省">甘肅省</option>
</select>
<select id="city" name="city">
<option value="0">請選擇所在城市</option>
</select>
</form>
</body>
</html>