码迷,mamicode.com
首页 > Web开发 > 详细

2.1 js 基础--select深入

时间:2017-08-08 13:53:50      阅读:129      评论:0      收藏:0      [点我收藏+]

标签: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<sS.options.length;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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!