首页 > 代码库 > javascript中select中options的属性

javascript中select中options的属性

Select 选择区(下拉列表)对象 由“<select>”指定。
属性
length 返回 Select 对象下选项的数目。 obj.length // obj.options.length
selectedIndex 返回被选中的选项的下标。obj.selectedIndex
这个下标就是在 options[] 数组中该选项的位置。如果 Select 对象允许多项选择,则返回第一个被选中的选项的下标。
form 返回包含本元素的表单对象。 obj.options[x].form

方法
blur() 从对象中移走焦点。
focus() 让对象获得焦点。

事件
onchange

options[];
Option 选择项对象 options[] 是一个数组,包含了在同一个 Select 对象下的 Option 对象。
Option 对象由“<select>”下的“<options>”指定。

options[] 数组的属性
length;
selectedIndex 与所属 Select 对象的同名属性相同。

单个 Option 对象的属性
text 返回/指定 Option 对象所显示的文本
value 返回/指定 Option 对象的值,与<options value="http://www.mamicode.com/...">一致。
index 返回该Option 对象的下标。对此并没有什么好说,因为要指定特定的一个 Option 对象,都要先知道该对象的下标。这个属性好像没有什么用。
selected 返回/指定 该对象是否被选中。通过指定 true 或者 false,可以动态的改变选中项。
默认选中可以这样写
<option selected="selected" value="" ></option>
<option selected value="" ></option>
defaultSelected 返回该对象默认是否被选中。true / false。

javascript中select中options的属性