Notes: select选择框

时间：2021-06-23 09:55:38

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)

相关文章