1. 属性和方法

选择框由<select>和<option>共同组成。

1.1 除了前面所讲的表单控件的公共属性和方法外，<select>对应的Dom元素类型：HTMLSelectElement还有自己独有的属性和方法：

方法：

1. add(newOption, relOption) ---- 在relOption之前向控件中添加新的<option>
2. remove(index) ----- 移出给定位置的选项。

属性：

1. multiple ---- 布尔值，true表示多选，false表示单选，等价于html的multiple属性
2. options ----- 所有<option>集合
3. selectedIndex ----- 选中项的索引值，如果没有选中，值为-1
4. size ---- 选框可以展示的行数，等价于html的size属性
5. type ---- 基于multiple ， 值：select-one 或 select-multiple 个人认为无意义
6. value ---- 这就复杂了
   • 无选中项，value=""
   • 有一个选中项：
     • 选中项有value值，则等于该value值
     • 选中项没有value值，则等于选中项的文本
   • 有多个选中项：基于上一条规则取得第一个选中项的值

1.2 元素<option>在dom中对应的HTMLOptionElement对象，有如下属性：

1. index --- 选项在上面的options中的索引

2. label ----- 选项的标签，等价于HTML的label属性

3. selected ----- 设置为true，就选中了该选项

4. text ----- 选项的文本

5. value ----- 选项的值

   推荐使用text 和 value获取选项的文本和值，而不是用节点和获取属性的方法来得到。