1. 程式人生 > 實用技巧 >DOM訪問表單和下拉選單

DOM訪問表單和下拉選單

DOM訪問表單控制元件的常用屬性和方法如下

action 返回該表單的提交地址 elements 返回表單內全部表單控制元件所組成的陣列,通過陣列可以訪問表單內的任何表單控制元件。 length 返回表單內表單域的個數 method 返回表單內的method屬性,主要有get和post兩個值 target 確定提交表單時的結果視窗,主要有_self、_blank、_top等 reset()、submit() 重置表單和確定表單方法
在elements返回的陣列中訪問具體的表單控制元件語法如下:

.elements[index] 返回該表單中第index個表單控制元件 .elements[elementName] 返回表單內id或name為elementName的表單控制元件 .elementName 返回表單內id或name為elementName的表單控制元件
DOM訪問下拉選單的常用屬性如下:

form    返回列表框、下拉選單所在的表單物件
length    返回列表框、下拉選單的選項個數
options    返回列表框、下拉選單裡所有選項組成的陣列
selectedIndex    返回下拉列表中選中選項的索引
type    返回下拉列表的型別,多選的話返回select-multiple,單選返回select-one

使用options[index]返回具體選項所對應的常用屬性:


defaultSelected    返回該選項預設是否被選中
index    返回該選項在列表框、下拉選單中的索引
selected    返回該選項是否被選中
text    返回該選項呈現的文字
value    返回該選項的value屬性值