Html下拉框Js对象属性方法总结

• select option html

 

var obj = document.getElementById("selectId");

一 select属性:

length ----------> 顾名思义字指的是下拉框长度

selectedIndex ----> 被选中的文本的索引值

 

二 option属性

text ---------> 返回文本内容

value ---------> 同上效果 获取<option value=""> value的值

selected ---------> 是否被选中 是:true 否:false ; 如果指定true 可以改为选中状态

defaultselected ---> 返回该对象默认是否被选中，true/false

 

三 option方法

增加add() ---------> obj.options.add(new Option("value","text")); 注意new的是Option对象大写O

删除remove() ----> obj.options.remove(obj.selectedIndex);

删除所有----> obj.options.length = 0 ; 不是什么removeAll 长度改0就好了

获取选中value---------> obj.options[obj.selectedIndex].value;

获取选中text ---------> obj.options[obj.selectedIndex].text;

修改---------> obj.options[obj.selectedIndex] = new Option("新文本", "值") ;