2.1 js 基础--select深入

Posted 2020-10-01 wujiaolong

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<sS.options.length;i++){
        oS.remove(0);
        i--;
    }