Select 对象
Select 对象代表 HTML 表单中的一个下拉列表。
在 HTML 表单中,<select> 标签每出现一次,一个 Select 对象就会被创建。
您可通过遍历表单的 elements[] 数组来访问某个 Select 对象,或者使用 document.getElementById()。
Option 对象
Option 对象代表 HTML 表单中下拉列表中的一个选项。
在 HTML 表单中 <option> 标签每出现一次,一个 Option 对象就会被创建。
您可通过表单的 elements[] 数组访问一个 Option 对象,或者通过使用 document.getElementById()。
Selct 、Option 对象同样支持标准的 属性 和 事件。
Select 对象集合
属性:
disabled 设置或返回是否应禁用下拉列表。
form 返回对包含下拉列表的表单的引用。
length 返回下拉列表中的选项数目。
multiple 设置或返回是否选择多个项目。
name 设置或返回下拉列表的名称。
selectedIndex 设置或返回下拉列表中被选项目的索引号。
size 设置或返回下拉列表中的可见行数。
type 返回下拉列表的表单类型
Select 对象方法
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