通过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; 

删除单个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)  

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/JavaMan_KA/archive/2011/04/21/6339398.aspx

posted @ 2013-08-29 22:08  sunshine_kaka  阅读(319)  评论(0编辑  收藏  举报