使用js在做下拉栏的联动的时候,需要去操作select的DOM,那么该对象有一些什么不同呢?
select对象相关的东西
1.options[]
一个关于select中option的数组。可以使用循环来获得每一个选择项,使用obj.options[i].value获得option的value值,使用obj.options[i].text可以获得option显示的选项及文本。数组的方法也可用于该对象,例如options.length=0,即是把所有选项都删除。
2.length属性
selectObj.length可以获得select对象中的option个数
3.selectIndex属性
selectObj.selectIndex可用于设置或返回操作者选中的option的索引。多用于判断选择的某项并进行相应的动作。
4.multiple属性
selectObj.multiple=true|false来规定是否允许多个选项被选中。
5.其他一些会用到的
add()添加选项、remove()删除选项、blur()移开焦点时、focus()获得焦点时、onchange。
radio对象相关的东西
1.checked属性
radioObj.checked=true|false可设置或返回某个单选项是否被选中;同样是多用于判断某个是否被选中,然后再执行选中项的相应事件。
2.defaultChecked
radioObj.defaultChecked获得默认选项是否被选中的状态,选中true,未选中false。
3.其他
blur()、focus()、click().
转载于:https://juejin.im/post/5a27bfe751882540f3636d99