請問如何實
現下拉框與多個文本框的聯動？資料從資料庫中獲得
uj5u.com熱心網友回復：
<%@page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
<script type="text/javascript">
var henan = [{text:"鄭州",value:"zhengzhou"},{text:"洛陽",value:"luoyang"},{text:"開封",value:"kaifeng"},{text:"信陽",value:"xinyang"}];
var liaoning = [{text:"沈陽",value:"shenyang"},{text:"大連",value:"dalian"},{text:"錦州",value:"jinzhou"},{text:"丹東",value:"dandong"}];
var hebei = [{text:"石家莊",value:"shijiazhuang"},{text:"承德",value:"chengde"},{text:"唐山",value:"tangshan"},{text:"秦皇島",value:"qinhuangdao"}];
var shandong = [{text:"濟南",value:"jinan"},{text:"青島",value:"qingdao"},{text:"濰坊",value:"weifang"},{text:"煙臺",value:"yantai"}];
var shannxi = [{text:"西安",value:"xi'an"},{text:"銅川",value:"tongchuan"},{text:"寶雞",value:"baoji"},{text:"漢中",value:"hanzhong"},
{text:"延安",value:"yanan"},{text:"咸陽",value:"xianyang"},{text:"商洛",value:"shangluo"},{text:"興平",value:"xingping"}];
function getCitys(val){
if( val == "henan") return henan ;
if( val == "hebei") return hebei ;
if( val == "liaoning") return liaoning ;
if( val == "shandong") return shandong ;
if( val == "shannxi") return shannxi;
}
function initCity(tag){
// 此時tag代表prov下拉串列
var ops = tag.options;
var idx = tag.selectedIndex;
var prov = ops[idx].value; // 被選中的省a
var citys = getCitys(prov);
// 遍歷陣列將內容資料添加到城市下拉串列
var citySelect = document.getElementById("city");
for( var i=0;i<citys.length;i++){
var option = new Option( citys[i].text , citys[i].value );
citySelect.options[i] = option;
}
}
</script>
</head>
<body>
<select name="prov" onchange="initCity(this)">
<option>請選擇</option>
<option value="https://bbs.csdn.net/topics/liaoning">遼寧</option>
<option value="https://bbs.csdn.net/topics/henan">河南</option>
<option value="https://bbs.csdn.net/topics/hebei">河北</option>
<option value="https://bbs.csdn.net/topics/shandong">山東</option>
<option value="https://bbs.csdn.net/topics/shannxi">陜西</option>
</select>
<select id="city" name="city">
<option>請選擇</option>
</select>
</body>
</html>
[code=html][/code]
uj5u.com熱心網友回復：
這個是下拉串列的級聯。。。。
uj5u.com熱心網友回復：
下拉串列加onchange事件，ajax請求后臺，回傳資料用jquery往里塞uj5u.com熱心網友回復：
ajax還沒學呢，就基本的strtus2在頁面上的值，后臺怎么取值呢
uj5u.com熱心網友回復：
ajax最適合你這種場景，代碼還簡單，自學一下吧。也可以用整體提交重繪，或者其他區域重繪的方法，但是太麻煩，還容易出錯。
如果資料量少的話，可以把下拉框對應的資料初始化時放頁面里，再用js操作。
uj5u.com熱心網友回復：
好的嘞 謝大佬了
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/21256.html
標籤：開發
上一篇：mha在做repl檢測的時候，出現下面的報錯，該怎么解決呢
下一篇：plsql操作問題