Notes: select选择框

HTML选择框通过select标签创建，该元素是HTMLSelectElement的实例，拥有以下属性和方法：

selectedIndex：选中项的索引

options：选择框的所有选项

add：向选择框添加一个option元素

remove：从选择框移除一个option

select选择框选项option，是HTMLOptionElement的实例，具有以下属性：

selected：该选项是否选中

text：该选项的文本

value：该选择的值

下面有一个例子：

<select name="location" id="selLocation">
    <option value="Sunnyvale, CA">Sunnyvale</option>
    <option value="Los Angeles, CA">Los Angeles</option>
    <option value="Mountain View, CA">Mountain View</option>
    <option value="">China</option>
    <option>Australia</option>
</select>

获取选中的项

selLocation.options[selLocation.selectedIndex]

添加一个option，可使用appendChild（在IE下有问题），add方法，如下所示

var option = document.createElement('option');
option.text = "hello";
option.value = "world";
selLocation.appendChild(option)

也可以使用Option构造函数来实现

var op = new Option("hehe","hehe");
selLocation.appendChild(op)
selLocation.remove(6)
selLocation.add(op)