zoukankan      html  css  js  c++  java
  • 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、效果演示

     

  • 相关阅读:
    java 删除文件目录
    java导出echart图到excel 多张图片导出
    java导出sql文件
    split方法使用
    jqgrid列表添加单选框
    会消失的链接
    运用javascript做出链接类特效
    创建守护进程的步骤
    ext2文件系统
    C++枚举类型enum
  • 原文地址:https://www.cnblogs.com/lxwphp/p/15453433.html
Copyright © 2011-2022 走看看