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、效果演示

 

 

 

posted @ 2019-04-20 15:32  码农编程进阶笔记  阅读(83)  评论(0编辑  收藏  举报
返回顶部 有事您Q我