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

举报
lxw1844912514 发表于 2022/03/27 01:52:27 2022/03/27
【摘要】 方法:获取多选下拉框对象数组→循环判断option选项的selected属性(true为选中,false为未选中)→使用value属性取出选中项的值。实例演示如下: 1、HTML结构 1 2 3 ...

方法:获取多选下拉框对象数组→循环判断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、效果演示

 

 

 

文章来源: blog.csdn.net,作者:lxw1844912514,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/lxw1844912514/article/details/100029015

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。