Js读取select多选的几种方法

首先，编写HTML如下：

   

        

            

                
操作系统：
                

                    
                        windowxp
                        window7
                        window10
                        mac os
                    
                
            
        
   

方法

       function readselect2() {

            // 方法一
            var os = document.getElementById("os");
            var msg = "被选中的项：";
            for (var i = 0; i < os.length; i++) {
                if (os.options[i].selected == true)
                    msg += " " + i + ":" + os.options[i].text;
            }
            alert(msg);

            // 方法二 jquery
            var val = $("#os").val();
            alert(val);     
            
            // 方法三 jquery
            val = $('select[name=os]').val();
            alert(val);

            // 方法四 jquery
            var selectedValues = [];
            var selectedTexts = [];
            $("#os :selected").each(function() {
                selectedValues.push($(this).val());
                selectedTexts.push($(this).text());                
            });
            alert(selectedValues);
            alert(selectedTexts);          

        }