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

>add(newOption,relOption):向控件中插入新<option>元素,其位置在相关项之前
>multiple:布尔值，表示是否允许多项选择，等价于html中的multiple特性
>options:控件中所有<option>元素的 HTMLCollection
>remove(index):移除给定位置的选项。
>selectedIndex:基于0的选项中的索引,如果没有选中项,其值为-1。对于支持多项的控件,只保存选中项第一项的索引.
>size:选择框中可见的行数;等价于HTML中的size 特性

 

index:当前选项在options集合中的索引
label:当前选项的标签；等价于HTML中的label特性
selected:布尔值,表示当前选项是否被选中。将这个属性设置为true可以选中当前选项
text:选项的文本
value:选项的值(等价于HTML中的value特性)

 

读取选择框中的信息

<form action="" name="">
      <select name="location">
        <option value="a">a</option>
      </select>
    </form>

 

var selectbox=document.forms[0].elements["location"];//document.forms[0]获取form,根据elements属性获取到name值为location的字段,即select

 

//获取到HTMLSelectElement

var txt=selectbox.options[0].text;//选项的文本
var value=selectbox.options[0].value;//选项的值

 

var txt=selectbox.options[0].firstChild.nodeValue;//选项的文本
var value=selectbox.options[0].getAttribute("value");//选项的值

 

推荐方法效率比常规方法更高，关于它的change事件，只要选中了就会触发

对于只允许选择一项的选择框,访问选择框中项的最简单方式，就是使用选择框的selectedIndex属性

var selectedOption=selectbox.options[selectbox.selectedIndex];

var form = document.forms[0];
var selectbox = form.elements["location"];
var selectedOption = selectbox.options[selectbox.selectedIndex];
var selectIndex = selectbox.selectedIndex;
console.log("Selected index:" + selectIndex + "\n Selected text:" + selectedOption.text + "\n Selected value:" + selectedOption.value);
//"Selected index:0
 Selected text:a
 Selected value:a"

var option=new Option("key","value");
selectbox.add(option,undefined);
//或者可以用dom的insertBefore()方法，添加到指定项

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