国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 開發設計 > 正文

不刷新頁面改變下拉菜單內容

2019-11-18 22:05:32
字體:
來源:轉載
供稿:網友
在設計數據庫查詢頁面時,下拉菜單是經常使用的元素。很多時候你會希望選擇了下拉菜單的一項后,相應的另一下拉菜單的內容會隨之改變。這種功能可以通過刷新頁面來實現,但界面顯得不那么友好。在本文介紹例子中,不需要刷新頁面便可達到目的。當在下拉菜單中選擇了一個省份后,另一下拉菜單會出現該省份的一些城市供選擇。我的基本思路是:在客戶端腳本中,把下拉菜單可能會出現的所有內容預先存放于數組中,以后根據需要從數組中抽取數據寫入下拉菜單中。以下是完整的代碼:
<HTML>
<HEAD>
<TITLE>動態改變下拉菜單內容示例</TITLE>
</HEAD>
<SCRipT LANGUAGE=javaScript>
<!--
//定義一個二維數組aArray,用于存放城市名稱。
var aCity=new Array();
aCity[0]=new Array();
aCity[1]=new Array();
aCity[2]=new Array();
aCity[3]=new Array();
//賦值,每個省份的城市存放于數組的一行。
aCity[0][0]="--請選擇--"
aCity[1][0]="--請選擇--"
aCity[1][1]="廣州市";
aCity[1][2]="深圳市";
aCity[1][3]="珠海市";
aCity[1][4]="汕頭市";
aCity[1][5]="佛山市";
aCity[2][0]="--請選擇--"
aCity[2][1]="長沙市";
aCity[2][2]="株州市";
aCity[2][3]="湘潭市";
aCity[3][0]="--請選擇--"
aCity[3][1]="杭州市";
aCity[3][2]="蘇州市";
aCity[3][3]="溫州市";
function ChangeCity()      
{var i,iPRovinceIndex;
iProvinceIndex=document.frm.optProvince.selectedIndex
iCityCount=0;
while (aCity[iProvinceIndex][iCityCount]!=null) iCityCount++;//計算選定省份的城市個數
document.frm.optCity.length=iCityCount;//改變下拉菜單的選項數
for (i=0;i<=iCityCount-1;i++)//改變下拉菜單的內容
    document.frm.optCity[i]=new Option(aCity[iProvinceIndex][i]);
document.frm.optCity.focus()
}
-->
</SCRIPT>
<BODY ONFOCUS=ChangeCity()>
<H3>選擇你所在的省份及城市</H3>
<FORM NAME="frm">
  <P>省份:
    <SELECT NAME="optProvince" SIZE="1" ONCHANGE=ChangeCity()>
      <OPTION>--請選擇--</OPTION>
      <OPTION>廣東省</OPTION>
      <OPTION>湖南省</OPTION>
      <OPTION>浙江省</OPTION>
    </SELECT>
  </P>
  <P>城市:
    <SELECT NAME="optCity" SIZE="1">
      <OPTION>--請選擇--</OPTION>
    </SELECT>
  </P>
</FORM>
</BODY>
</HTML>



發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 松潘县| 瑞丽市| 汉源县| 崇阳县| 阿克陶县| 华蓥市| 大姚县| 潢川县| 攀枝花市| 杂多县| 开江县| 嘉鱼县| 武定县| 海丰县| 阿荣旗| 曲松县| 浦县| 买车| 福州市| 石门县| 察哈| 鄂托克前旗| 宁波市| 涪陵区| 金乡县| 东乡族自治县| 海淀区| 阿拉尔市| 海丰县| 静安区| 宁海县| 山西省| 巫溪县| 涿州市| 津市市| 锡林浩特市| 曲阜市| 云浮市| 恩平市| 绩溪县| 清原|