1. 属性和方法
选择框由<select>和<option>共同组成。
1.1 除了前面所讲的表单控件的公共属性和方法外,<select>对应的Dom元素类型:HTMLSelectElement还有自己独有的属性和方法:
方法:
-
add(newOption, relOption)
---- 在relOption之前向控件中添加新的<option> -
remove(index)
----- 移出给定位置的选项。
属性:
- multiple ---- 布尔值,true表示多选,false表示单选,等价于html的multiple属性
- options ----- 所有<option>集合
- selectedIndex ----- 选中项的索引值,如果没有选中,值为-1
- size ---- 选框可以展示的行数,等价于html的size属性
- type ---- 基于multiple , 值:select-one 或 select-multiple 个人认为无意义
- value ---- 这就复杂了
- 无选中项,value=""
- 有一个选中项:
- 选中项有value值,则等于该value值
- 选中项没有value值,则等于选中项的文本
- 有多个选中项:基于上一条规则取得第一个选中项的值
1.2 元素<option>在dom中对应的HTMLOptionElement对象,有如下属性:
index --- 选项在上面的options中的索引
label ----- 选项的标签,等价于HTML的label属性
selected ----- 设置为true,就选中了该选项
text ----- 选项的文本
-
value ----- 选项的值
推荐使用text 和 value获取选项的文本和值,而不是用节点和获取属性的方法来得到。