js的 select对象 和Option对象 小结

Select 对象

Select 对象代表 HTML 表单中的一个下拉列表。

在 HTML 表单中，<select> 标签每出现一次，一个 Select 对象就会被创建。

您可通过遍历表单的 elements[] 数组来访问某个 Select 对象，或者使用 document.getElementById()。

Option 对象

Option 对象代表 HTML 表单中下拉列表中的一个选项。

在 HTML 表单中 <option> 标签每出现一次，一个 Option 对象就会被创建。

您可通过表单的 elements[] 数组访问一个 Option 对象，或者通过使用 document.getElementById()。

Selct  、Option 对象同样支持标准的 属性 和 事件。

Select 对象集合

options   返回包含下拉列表中的所有选项的一个数组。

属性：

disabled               设置或返回是否应禁用下拉列表。

form                       返回对包含下拉列表的表单的引用。

length                    返回下拉列表中的选项数目。

multiple                 设置或返回是否选择多个项目。

name                     设置或返回下拉列表的名称。

selectedIndex       设置或返回下拉列表中被选项目的索引号。

size                          设置或返回下拉列表中的可见行数。

type                          返回下拉列表的表单类型

Select 对象方法

add()                 向下拉列表添加一个选项。

remove()            从下拉列表中删除一个选项。

Option对象的属性

defaultSelected	返回 selected 属性的默认值。	Yes
disabled	设置或返回选项是否应被禁用。	Yes
form	Returns a reference to the form that contains the option	Yes
index	返回对包含该元素的 <form> 元素的引用。	Yes
selected	设置或返回 selected 属性的值。	Yes
text	设置或返回某个选项的纯文本值。	Yes
value	设置或返回被送往服务器的值。	Yes

var select = document.getElementById("selectId");

select. options= new Option("文本","值") ;

//创建一个option对象,即在<select>标签中创建一个或多个<option value="值">文本</option>

//options是个数组,里面可以存放多个<option value="值">文本</option>这样的标签

option的方法：

增加一个<option>标签-----obj.options.add(new("文本","值"));<增>

删除一个<option>标签-----obj.options.remove(obj.selectedIndex)<删>

获得一个<option>标签的文本-----obj.options[obj.selectedIndex].text<查>

修改一个<option>标签的值-----obj.options[obj.selectedIndex]=new Option("新文本","新值")<改>

删除所有<option>标签-----obj.options.length = 0

获得一个<option>标签的值-----obj.options[obj.selectedIndex].value