js怎么能取得多选下拉框选中的多个值？

最新推荐文章于 2023-03-13 07:00:00 发布

lxw1844912514

最新推荐文章于 2023-03-13 07:00:00 发布

阅读量930

点赞数

码农编程进阶笔记

本文链接：https://blog.csdn.net/lxw1844912514/article/details/100029015

版权

方法：获取多选下拉框对象数组→循环判断option选项的selected属性（true为选中，false为未选中）→使用value属性取出选中项的值。实例演示如下：

1、HTML结构

 
       < 
       select  
       id 
       = 
       "test"  
       multiple 
       = 
       "true" 
       > 
      
 
            
       < 
       option  
       value 
       = 
       "option-A" 
       >option-A</ 
       option 
       >   
      
 
            
       < 
       option  
       value 
       = 
       "option-B" 
       >option-B</ 
       option 
       > 
      
 
            
       < 
       option  
       value 
       = 
       "option-C" 
       >option-C</ 
       option 
       >  
      
 
            
       < 
       option  
       value 
       = 
       "option-D" 
       >option-D</ 
       option 
       > 
      
 
       </ 
       select 
       > 
      
 
       < 
       input  
       type 
       = 
       "button"  
       value 
       = 
       "确定"  
       onclick 
       = 
       "fun()"  
       /> 
      

2、javascript代码

 
       function  
       fun(){ 
      
       var  
       select = document.getElementById( 
       "test" 
       ); 
      
       var  
       str = []; 
      
       for 
       (i=0;i<select.length;i++){ 
      
       if 
       (select.options[i].selected){ 
      
       str.push(select[i].value); 
      
       } 
      
       } 
      
       alert(str); 
      
       }