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

蔚落 2022-11-26 07:49 120阅读 0赞

方法：获取多选下拉框对象数组->循环判断option选项的selected属性(true为选中，false为未选中)->使用vaule属性取出选中项的值

### html结构 ###

<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代码 ###

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTYzODQx_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTYzODQx_size_16_color_FFFFFF_t_70]: /images/20221124/fbc5d8bd350145ae96c328f47b4b3cba.png

发表评论取消回复

表情：

评论列表（有 0 条评论，120人围观）

还没有评论，来说两句吧...

相关阅读

相关多选下拉框（select 下拉多选）

选项1</option><option value="2">选项1</option><option value="3">选项1</option><option value...

古城微笑少年丶/ 2024年05月02日 20:21/ 0 赞/ 15 阅读

相关 js获取单选框/多选框选中的值value

注意给value值 <input type="radio" name="sex" checked="checked" value="男">男 <input

偏执的太偏执、/ 2024年03月26日 20:05/ 0 赞/ 14 阅读

相关 extjs获取多选框_extjs下拉框，多选，单选，动态传值

后台java代码 @RequestMapping(params = "command=adduser") public void getUser(HttpServletRe

女爷i/ 2022年12月31日 14:24/ 0 赞/ 222 阅读

相关 jquery获取下拉框多选的值

select下拉框选中的值，用jquery获取 $("selectBox option:selected").val(); 获取多选框的value值，使用遍历最简单

客官°小女子只卖身不卖艺/ 2022年12月25日 12:54/ 0 赞/ 110 阅读

相关 vue 怎么将Checkbox 多选框选中的值提交

说好的学习计划来了，用十天的时间，深入了解一下饿了么的组件，简单的记录一下，首先上文档：资料相关星星指数：star:55k 中文文档：[https://elemen

悠悠/ 2022年12月13日 11:26/ 0 赞/ 210 阅读

相关 js怎么能取得多选下拉框选中的多个值？

方法：获取多选下拉框对象数组->循环判断option选项的selected属性(true为选中，false为未选中)->使用vaule属性取出选中项的值 html结构

蔚落/ 2022年11月26日 07:49/ 0 赞/ 121 阅读

相关 HTML下拉框多选

HTML下拉框多选 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://

谁践踏了优雅/ 2022年08月20日 12:09/ 0 赞/ 678 阅读

相关 js获取多个select下拉框选中的值

js获取多个select下拉框选中的值 var electronicIds = \[\]; $("select\[name='electronicId'\]").eac

清疚/ 2022年02月26日 20:20/ 0 赞/ 468 阅读

相关多个下拉框选中事件

$("select option:selected").each(function(index,domEle){ //domEle.value="xxx

雨点打透心脏的1/2处/ 2021年09月30日 06:28/ 0 赞/ 363 阅读

相关 layui的selectM.js多选插件下拉多选框

采用layui的selectM.js多选插件实现下拉多选框实现步骤： 1. 下载layui的selectM.js多选插件网址：https:

素颜马尾好姑娘i/ 2021年09月16日 18:58/ 0 赞/ 1269 阅读