通过JavaScript操作HTML中select标签

时间:2023-03-09 19:59:10
通过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)

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