通过JavaScript操作HTML中select标签

添加：

 

Js代码

1. function selectChange()   
2. {   
3.       var sel=document.getElementById("select1");   
4.       Option  option = new Option("Text","Value");   
5.       sel.add(option);   
6. }  

function selectChange()
{
      var sel=document.getElementById("select1");
      Option  option = new Option("Text","Value");
      sel.add(option);
}

 

删除所有：

 

Js代码

1. document.getElementById("select1").options.length=0;  

         document.getElementById("select1").options.length=0;

 

删除单个Option元素：

 

Js代码

1. var sel=document.getElementById("select1");   
2. for(i=0;i<sel.options.length;i++)      
3. {      
4.      if(sel.options[i].selected)      
5.     {      
6.             sel.options[i]=null;       //设置为null就删除了这个元素   
7.     }      
8. }    

var sel=document.getElementById("select1");
for(i=0;i<sel.options.length;i++)   
{   
     if(sel.options[i].selected)   
    {   
            sel.options[i]=null;       //设置为null就删除了这个元素
    }   
}  

 

取值：

 

 

Js代码

1. var sel=document.getElementById("select1"):   
2. var val=sel.options[sel.selectedIndex].value    
3. alert(val);  //得到Option的value    
4. var txt=sel.options[sel.selectedIndex].text    
5. alert(txt);  //得到Option的文本（即Text）   

var sel=document.getElementById("select1"):
var val=sel.options[sel.selectedIndex].value 
alert(val);  //得到Option的value 
var txt=sel.options[sel.selectedIndex].text 
alert(txt);  //得到Option的文本（即Text）