首页 > 代码库 > 2.1 js 基础--select深入

2.1 js 基础--select深入

2024-11-21 10:22:39   202人阅读

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--;
    }

 

2.1 js 基础--select深入


联系
我们