9章 表单[js]

9.1 form对象

form对象

document.forms[0]

使用元素名称的字符串作为数组下标

document.forms[“formName”]

注意：数组引用单词的复数形式

另外可以使用表单名 document.formName

9.1访问表单属性

document.forms[0].action = ”http://www.howia.net” ;  //改变属性直接赋值

document.formName.target

9.2作为对象的表单控件

例如

<form name="searchForm">
<input type="text" name="entry">
<input type="submit" name="sender" value="Serach">
</form>

对文本输入控件以下都有效

document.searchForm.entry
document.searchForm.elements[0]
document.forms["searchForm"].elements["entry"]
document.forms["searchForm"].entry

9.2.2按钮对象

9.2.3复选框对象

9.2.4单选框对象

读取组的按钮数

document.forms[0].groupName.length

想查询某个按钮是否高亮显示【check属性】

document.forms[0].groupName.checked

9.2.5 Select对象

select最重要属性selectedIndex

selectedIndex 属性可设置或返回下拉列表中被选选项的索引号

document.forms[0].selectName.selectedIndex

其中2个重要属性text和value

doucument.forms[0].selectName.options[n].text

doucument.forms[0].selectName.options[n].value

例

function goThere()
{
    var list=document.forms[0].urlList;
    location.href=list.options[list.selectedIndex].value;
}