怎样用js向下拉列表框添加新的项？

Question

SelectID.length=SelectID.length+1;
SelectID.options[SelectID-1].text="Text";
SelectID.options[SelectID-1].value="Value";

Answer 1

<script>  
//  添加选项  
function  addOption(pos){  
       var  objSelect  =  document.myForm.mySelect;  
       //  取得字段值  
       var  strName  =  document.myForm.myOptionName.value;  
       var  strValue  =  document.myForm.myOptionValue.value;  
       //  建立Option对象  
       var  objOption  =  new  Option(strName,strValue);  
       if  (pos  ==  -1  &  pos  >  objSelect.options.length)    
             objSelect.options[objSelect.options.length]  =  objOption;  
       else  
             objSelect.add(objOption,  pos);  
}  
//  删除选项  
function  deleteOption(type){  
           var  objSelect  =  document.myForm.mySelect;  
           if(objSelect.options.length>0){  
           if  (type  ==  true)  
                       objSelect.options[objSelect.selectedIndex]  =  null;  
           else  
           objSelect.remove(objSelect.selectedIndex);  
           }  
           else  
           alert("已经没有选项可以删除了！")  
}  
//  显示选项信息  
function  showOption(objForm){  
       var  objSelect  =  objForm.mySelect;  
           if(objSelect.options.length>0){  
                       document.all.myOptionName.value  =  objSelect.options[objSelect.selectedIndex].text;  
                       document.all.myOptionValue.value  =  objSelect.options[objSelect.selectedIndex].value;  
           }  
           else  
           alert("没有选项可以显示！")  
}  
</script>  
<form  name="myForm">  
<select  name="mySelect">  
<option  value="value1"  Selected>HTML</option>  
<option  value="value2">JavaScript</option>  
<option  value="value3">VBScript</option>  
</select>  
<input  type="button"  onclick="showOption(this.form)"  value="显示">  
<input  type="button"  onclick="deleteOption(true)"  value="删除">  
<input  type="button"  onclick="deleteOption(false)"  value="Remove方法"><br/><br/>  
选项名称  :  <input  type="text"  name="myOptionName"  value="CSS"><br/>  
选项的值  :  <input  type="text"  name="myOptionValue"  value="value4">  
<input  type="button"  onclick="addOption(-1)"  value="添加">  
<input  type="button"  onclick="addOption(0)"  value="插入">  
</form>

Answer 2

<script>
/*
 add1:
 Option元素定义了构造函数Option()
 可以动态创建新的Option元素,把它们加在Options[]数组的结尾可以给Select元素增加新选项. */
 function add1()
 {
 var addoption1 = new Option("add1Text",    //text属性
                         "add1Value",       //value属性
                          false,        //defaultSelected属性
                          false);       //selected属性
 
 //把它附加到Select元素的options数组,在select元素中显示它
 var oSelect1 = document.all.oSelect1;  //获取Select对象
 oSelect1.options[oSelect1.options.length] = addoption1;
 } /*
 add2:
 用DOM的方法
 */
 function add2()
 {
 var addoption2 = document.createElement("option");  //创建Option元素
 document.all.oSelect2.add(addoption2,0);           //附加到Select元素中.
 addoption2.innerText = "add2Text";     //text属性
 addoption2.value = "add2Value";        //value属性
 addoption2.selected = true;    //selected属性
 }</script>
<select name=oSelect1></select>
<select name=oSelect2></select>
<input type=button onclick=add1() value=add1>
<input type=button onclick=add2() value=add2>