HTML DOM中的option.selected属性详解

HTML DOM中的option.selected属性可以用来设置或检索下拉列表框中被选中项的状态。

使用方法

使用option.selected属性时，可以通过两种方式来设置：

• 可以将option.selected属性设置为true或false，来控制选项是否被选中。
• 可以将option.selected属性设置为一个数字，来控制选项的位置。

检索option.selected属性时，可以通过以下方式来获取：

var sel = document.getElementById('mySelect');
var opt = sel.options[sel.selectedIndex];
var status = opt.selected;

上面代码中，通过document.getElementById()方法获取到下拉列表框，通过sel.options[sel.selectedIndex]获取到当前被选中的项，通过opt.selected获取到当前被选中项的状态。

option.selected属性也可以用来检查一个选项是否被选中，如果被选中，则返回true，否则返回false。

var sel = document.getElementById('mySelect');
var opt = sel.options[sel.selectedIndex];
if (opt.selected) {
    // do something
}

通过上面代码可以看出，option.selected属性可以用来设置或检索下拉列表框中被选中项的状态，是一个非常有用的属性。