Form表单基础知识和常用兼容方法笔记（三）

选择框脚本

选择框是通过<select>和<option>元素创建的

一下是方法和属性

add:向控件中插入新的option元素

multiple:是否允许多项选择，布尔值

options: 控件中所有的option元素

selectedIndex:从0开始的选中项的索引，如果没有选中项则为-1，选中项的索引

size:选择框中可见的行数

 

每个option 又有如下属性：

Index:当前选项在options集合中的索引

Label:当前选项的标签

Selected：表示当前选项是否被选中  布尔值

Text:选项的文本

Value:选项的值

A,取得select及值

Var Selectbox=document.forms[0].elements[‘location’]

Var text= Selectbox.options[0].text()

Var value= Selectbox.options[0].value()

B,选择选项

选中项最简单的方法，

var selectOption=selectbox.options[selectbox.selectedIndex]

通过这个可以获取选项的text value 和索引

另一种方法

Selectbox.options[0].selected=selected  表示第一项被选中

 

D,添加选项：remove()

selectbox.removeChild(selectbox.options[0]) //移除第一项

selectbox.remove(0)  //移除第一项

selectbox.options[0]=null //移除第一项

清除选项中的所有的项

function clearSelectbox(){

for(var i=0;,len=selectbox.options.length;i<len;i++){

selectbox.remove(i);

}

}