表单脚本学习（选择框脚本）

选择框是通过<select><option> 来实现的，为了方便与这个控件交互，除了所有表单字段共有的属性和方法外，HTMLSelectElement提供了我们多种属性和方法

1. add()：向空间中插入新<option> 元素 方法接收两个参数(newOption，relOption)，其位置在relOption之前
2. multiple：布尔值，表示是否允许多项选择
3. options：该空间中option元素的集合类数组
4. remove(index)：移除给定位置的项目
5. selectedIndex：基于0的选中值的索引，如果没有选中项，则值为-1.对于多选控件，只保存选中项的第一项的索引。
6. size：选择框中可见的行数，等价于HTML中的size特性

在DOM中，每个option元素都有一个HTMLOptionElement对象表示，为了便于访问数据，HTMLOptionElement对象添加了下列对象

1. index：当前选项在options集合中的索引
2. label：当前选项的标签，等于label特性
3. selected：布尔值，表示是否被选中
4. text：选项的文本
5. value：等同于HTML中value的值。

//HTML代码<form>    <select name="select">        <option value="number">1</option>        <option value="number">2</option>        <option value="number">3</option>    </select></form>//JS代码//得到表单var select=document.forms[0].elements["select"];//得到选中的选项EventUtil.addHandler(select,"change",function(event){    var target=event.target||event.srcElement;    var selectOption=select.options[select.selectedIndex];    alert("The "+target.value+" is "+selectOption.text)})