2.1 js 基础--select深入

2021-06-08 16:04

阅读：469

标签：bsp option ++ dex .text document rem doc pre

select

获取select下的所有option

用op=select.options

option属性：op[1].value,op[1].text;

//获取选中项的索引

os.selectedIndex;

//获取当前选中项

select.options[os.selectedIndex];

1、获取选中项的文本：

var oS=document.getElementsByTagName(‘select‘)[0];
    var aOp=oS.options;//获取选中项
    oS.onchange=function(){
        alert(this.options[this.selectedIndex].text);
    }

2、添加一个选项

var oS=document.getElementsByTagName(‘select‘)[0];
    var op=new Option(‘四川‘,‘四川‘);//创建一个新的option选项
    oS.add(op);

3、删除一个选项

var oS=document.getElementsByTagName(‘select‘)[0];
    var aOp=oS.options;//获取选中
    oS.remove(0);//删除第一个
    //全删
    for(var i=0;i){
        oS.remove(0);
        i--;
    }

2.1 js 基础--select深入

标签：bsp option ++ dex .text document rem doc pre

原文地址：http://www.cnblogs.com/wujiaolong/p/7306043.html

上一篇：1）PHP基础介绍

下一篇：转载像元素周期表一样的html5的标签图集

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：2.1 js 基础--select深入
文章链接：http://soscw.com/index.php/essay/92285.html

亲，登录后才可以留言！

2.1 js 基础--select深入

评论

热门文章

推荐文章

最新文章

置顶文章