js 对 select 常用操作

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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。