首页 > Web开发 > 详细

js 对 select 常用操作

时间:2015-04-28 19:01:30      阅读:112      评论:0      收藏:0      [点我收藏+]

<script type="text/javascript">
        var sel = document.getElementById("sel");
        var len=sel.options.length;
        /*
        //判断select 有没有某个值
        for(var i=0;i<len;i++){
            if(sel.options[i].value==‘ccc‘){
                alert("true");
            }
        } */
        
        //添加一个item
        /*
        var opt=new Option("FFFFFFFFFFF","fff");
        sel.options.add(opt); */
        
        //删除一个item
        //sel.options.remove(0);
        //sel.options[0]=null;
        
        //修改text的值
        ///sel.options[0].text="AAABBBBCCCC";
        //修改value的值
        //sel.options[0].value="VVVVVVVVVV";
        
        function ch(){
            //getSelectValue();
            //getSelectText();
            getSelectIndex();
        }
        
        //获取选中的值
        function getSelectValue(){
          for(var i=0;i<len;i++){
              if(sel.options[i].selected==true){
                  alert(sel.options[i].value);
              }
          }
        }
        
        //获取选中的值
        function getSelectText(){
          for(var i=0;i<len;i++){
              if(sel.options[i].selected==true){
                  alert(sel.options[i].text);
              }
          }
        }
        
        //得到选中的index
        function getSelectIndex(){
          for(var i=0;i<len;i++){
              alert(sel.options.selectedIndex);
          }
        }
        
        //清空select的内容
        sel.options.length=0;
        
    </script>

js 对 select 常用操作

原文:http://cbg23.blog.51cto.com/7201812/1639616

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!