100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 通过JavaScript操作HTML中select标签

通过JavaScript操作HTML中select标签

时间:2020-05-09 00:24:35

相关推荐

通过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博客,转载请标明出处:/JavaMan_KA/archive//04/21/6339398.aspx

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。