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


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

1、HTML结构

1
2
3
4
5
6
7
< 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代码

1
2
3
4
5
6
7
8
9
10
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);
}

3、效果演示

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM