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>