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

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值