JavaScript DOM学习第五章：表单简介

核心提示： 要更改他的选择项目，就必须修改selectedIndex，JavaScript DOM学习第五章：表单简介(5)，比如：1document.forms[0].select.selectedIndex=2;现在第三个选项就被选择了，旧的浏览器在旧的浏览器里面select boxes没有value属

要更改他的选择项目，就必须修改selectedIndex，比如：

1　document.forms[0].select.selectedIndex　=　2;

现在第三个选项就被选择了。

旧的浏览器

在旧的浏览器里面select boxes没有value属性，那么：

1　var　selectBox　=　document.forms[0].select;
2　user_input　=　selectBox.options[selectBox.selectedIndex].value

首先找出用户选择了的项目。document.forms[0].select.selectedIndex给出了选择项目的编号。 JavaScript已经创建了一个包含所有select boxes选项的options数组。所以通过这个数组就能知道用户选择了什么，然后存储在user_input里面。

checkboxes

checkboxes有一些小小的不同。我们已经知道了他的值，但是需要知道用户是否选择了他。checked属性可以告诉我们。他有true和false两个值。

那么：

1　if　(document.forms[0].checkbox.checked)　{
2　　　　　user_input　=　document.forms[0].checkbox.name
3　}

checkbox是复选框的名字。如果复选框被选择了，我们就得到名字（你也可以选择得到值）然后传递给user_input。

选择一个复选框可以：

1　document.forms[0].checkbox.checked　=　true

单选框

不幸的是，你不能一下子就找到哪个单选框被选中了。只能在遍历之后查找checked属性为true的那一项。

1　for　(i=0;i<document.forms[0].radios.length;i++)　{
2　　　　　if　(document.forms[0].radios[i].checked)　{
3　　　　　　　　　user_input　=　document.forms[0].radios[i].value;
4　　　　　}
5　}

radios就是这一组单选框的名字。

注意document.forms[0].radios是包含所有单选框的数组，循环检测是否checked的属性为true。如果是则传递个user_input。

document.forms[0].radios.length返回所有单选框的数目。

如果选择一个单选框，我们可以设置它的checked的值为true：

1　document.forms[0].radios[i].checked　=　true;

翻译地址：http://www.quirksmode.org/js/forms.html

文章出处：http://beiyu.cnblogs.com

编缉推荐阅读以下文章

• JavaScript DOM学习第六章：表单实例
• JavaScript DOM学习第四章：getElementByTagNames
• JavaScript DOM学习第三章：内容表格
• JavaScript DOM学习第二章：编辑文本
• JavaScript DOM学习第一章：W3C DOM简介
• javaScript DOM方法与属性摘要