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

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