下拉列表框控件select
下拉列表框 |
事件 |
onChange |
當選項發生改變時 |
屬性 |
value |
下拉列表框中被選選項的值 |
options |
所有的選項組成一個數組，options表示整個選項數組，第一個選項即為options[0]，以此類推 |
selectedIndex |
返回被選擇的選項的索引號，如果選中第一個則返回0，以此類推 |
length |
返回下拉菜單中的選項個數 |
方法 |
add(new,old) |
將新的option對象new插入到option對象old前面，如果old為空，則直接插入到末尾 |
實現簡單的省市級聯的效果：
function changeCity(){
var province = document.myform.selProvince.value;
var newOption1,newOption2;
switch(province){
case "四川省":
newOption1 = new
Option("成都市","chengdu");
newOption2 = new
Option("瀘州市","luzhou");
break;
case "北京市":
newOption1 = new
Option("崇文區","chongwen");
newOption2 = new
Option("宣武區","xuanwu");
break;
}
document.myform.selCity.options.length=0;
document.myform.selCity.options.add(newOption1);
document.myform.selCity.options.add(newOption2);
}
解釋：
var province =
document.myform.selProvince.value;用來獲取表單中“省份”下拉列表框中的value值
new Option("崇文區","chongwen");
表示創建一個option對象，"崇文區"是在列表中顯示的文本，"chongwen"表示當option被選中并且表單提交時，返回到指定服務器的一個值
document.myform.selCity.options.length=0;表示設置表單中“城市”下拉列表框中無下拉選項
創建數組語法：
var arrayObjectName = new Array(size);
例如：var arrs = new Array(10);
為數組元素賦值：
var emp;
emp=new Array("aaa","bbb","ccc");
也可以這樣賦值：
var emp=new Array(3);
emp[0]="aaa";
emp[1]="bbb";
emp[2]="ccc";
訪問數組元素：
通過數組下標訪問元素，emp[0]代表第一個元素，以此類推
數組的常用屬性和方法：
常用屬性：length表示數組長度
var score = new Array(6); 無論是否存儲元素score.length總是6
常用方法：
join(分隔符) 以指定的分隔符將數組元素一次拼接起來，形成一個字符串并返回
sort()
對數組元素進行排序，按英文字母順序或漢子的拼音方式排序
舉例：
var emp = new Array(3); //創建數組對象emp,可以存放三個元素
emp[0]="Ryan Dias";
emp[1]="Graham Browne";
emp[3]="David Greene";
emp.sort(); //調用數組的sort方法排序
document.write("排序結果是：<HR>");
for(var i in
emp){ //循環輸出，等同for(var i=0;i<emp.length;i++)
document.write(emp[i]+"<BR>");
}
二維數組：
var cityList =new Array();
cityList[0]=['成都','綿陽','德陽'];
cityList[1]=['濟南','青島','棗莊'];
for(var j in cityList[0]){
document.write(city[0][j]+"<BR>");
}
輸出結果為：
成都
綿陽
德陽
使用數組優化省市級聯功能：
使用文字下標的數組再次優化：
常見錯誤：