當前位置:首页 > 趣味生活

js下拉框二級聯動

Q1:js實作兩個下拉框聯動

這類問題貌似蠻多的。
不過是這個純HTML需要麼?沒有資料交互?與伺服器資料交互得重新封裝的。下面是純HTML用的JS。

請選擇:

注意這里:
這里添加了(注意):
<script>
function setSel(obj){
var s=obj.value;
var f=document.getElementById("test1");
var obj=document.getElementById("test3");
/*循環 相應變的select*/
for(i=0;i/*判斷值相等的,也可以判斷顯示的f.options[i].test*/
if(f.options[i].value=http://127.0.0.1/bazhishi/=s){
f.options[i].selected="selected";//選中
obj.options.add(new Option(f.options[i].text,f.options[i].value)); //這個兼容IE與firefox
}
}
}
</script>

Q2:js做2級下拉框和一級復選框聯動怎麼實作啊

一級下拉列表 可以給一個onchange事件
然後獲取一級下拉列表改變選項以後的值
透過這個值 獲取二級下拉列表里面應該有的選項
清空二級下拉列表 並生成新的選項
是這麼個邏輯
有什麼不明白的 可以

Q3:jsp中如何實作下拉框二級聯動

你這個是靜態的還是從資料庫查的?
如果是靜態的網上很多例子, 把資料寫到兩個js數組里就可以了
如果是動態的,一般用的是Ajax來做,如果你覺得這個比較難,那麼我給你個簡單的思路
就是當我選擇第一個下拉菜單的時候,觸發onchange事件 提交表單,把選擇的value提交到servlet
然後透過這個value把第二個下拉菜單要顯示的內容查出來,再傳到這個頁面上顯示

Q4:大家幫忙看哈這個js寫的二級聯動下拉列表框。。。。 選擇省份後城市下拉列表框中沒有值。。。

寫錯的地方不少,能執行的如下,自己可以對比一下哪錯誤



<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
無標題文檔



無標題文檔
<script type="text/javascript" language="javascript">
var city = [
["南充","成都"],//四川
["南京","蘇州"]//江蘇
]; function getCity(){
//獲得省份和城市下拉列表框的引用
var sltProvince=document.forms["myform"].elements["province"];
var sltCity=document.forms["myform"].elements["City"];
var sProvinceIndex = sltProvince.selectedIndex;
//將城市下拉列表框清空,僅有第一個提示選項
sltCity.length=1;
if(sProvinceIndex>0){ //選擇非 請選擇你所在的省份(市) 時才讀取對應的城市
//得到對應省份的城市列表數組
var provinceCity=city[sProvinceIndex -1];
//將相應省市的城市填充到城市選擇框中
for(var i=0;i//創建新的Option物件並將其添加到城市下拉列表框中
sltCity[i+1]=new Option(provinceCity[i],i+1);
}
}
}
</script>
<body>








Address






猜你喜歡

更多