`

JS获取Select多选的值

阅读更多

JS获取Select多选的值
DropDownList 不能多选,要多选,只能用ListBox或是HTML的select(参数加个multiple)

Script 代码

     <script language="javascript">
        function Test()
        {
            o = document.getElementById("lbTest");
            var intvalue="";
            for(i=0;i<o.length;i++){   
                if(o.options[i].selected){
                    intvalue+=o.options[i].value+",";
                }
            }
            alert( intvalue.substr(0,intvalue.length-1) );

        }
    </script>

 

HTML代码

        <asp:ListBox ID="lbTest" runat="Server" SelectionMode="Multiple">
            <asp:ListItem Text="11" Value="1"></asp:ListItem>
            <asp:ListItem Text="22" Value="2"></asp:ListItem>
            <asp:ListItem Text="33" Value="3"></asp:ListItem>
        </asp:ListBox>

   或是


        <select name="lbTest" size=8 multiple>
            <option value="0" selected>请选择
            <option value="1">测试一
            <option value="2">测试二
            <option value="3">测试三
            <option value="4">测试四
            <option value="5">测试五
        </select>

 












分享到:
评论

相关推荐

    JS 获取select(多选下拉)中所选值的示例代码

    通过js获取select(多选下拉)中所选值,具体实现如下,有需要的朋友可以参考下,希望对大家有所帮助

    select2.zip

    Select2是一款基于JQuery的下拉列表插件,主要用来优化select,支持单选和多选,同时也支持分组显示、列表检索、远程获取数据等众多好用的功能

    Select2的插件下载.zip

    Select2是一款基于JQuery的下拉列表插件,主要用来优化select,支持单选和多选,同时也支持分组显示、列表检索、远程获取数据等众多好用的功能

    Vue Element 分组+多选+可搜索Select选择器实现示例

    实际就是将element三种官方select实例整合起来,同时实现分组+多选+可搜索,此外点击一级分组名可以实现全选/全不选。供有相关需求的开发者参考 准备工作: 除了vue脚手架、element等必要包之外。该项目还用到了...

    jQuery操作选中select下拉框的值代码实例

    获取select下拉框的几种情况如下: 1.获取第一个option的值 $('#test option:first').val(); 2.最后一个option的值 $('#test option:last').val(); 3.获取第二个option的值 $('#test option:eq

    自定义下拉框插件select-mania

    select-mania是一款jQuery下拉选择框美化插件。该插件可以将普通的下拉选择框转换漂亮的下拉选择框,并且转换后的下拉选择框带搜索功能,可通过AJAX获取数据,带多种主题,还可以自定义主题等。

    angular-multi-select-tree:原生Angular多选树。 没有jQuery

    通过以下任意一种方式获取angular-multi-select-tree的二进制文件。 bower install angular-multi-select-tree 或自动凉亭的风俗包括: bower install angular-multi-select-tree -save 或bower.json { ...

    ele-tree-select:基于elementUI的下拉树插件

    目前不支持单选,暂只支持多选 安装 npm i ele-tree-select -S 使用 在 main.js 中引入 import EleTreeSelect from 'ele-tree-select' import 'ele-tree-select/lib/ele-tree-select.css' Vue.use(EleTreeSelect) ...

    bootstrap 下拉多选框进行多选传值问题代码分析

    项目开发遇到个问题,就是引入bootstrap下拉多选框进行多选的时候,用form表单提交到后台,获取不到多选的值,只能获取的选择的第一个值。 纠结了会。 jsp页面需要引入这东东~ &lt;link rel="stylesheet" href="${...

    js和jquery分别验证单选框、复选框、下拉框

    本文分别介绍了js和jQuery验证单选框(radio)、多选框(checkbox)、下拉框(select),分享给大家供大家参考,具体内容如下 (1).首先说单选框(radio),radio和checkbox一样都是name相同值有多个在获取 radio 值的时候...

    vue treeselect获取当前选中项的label实例

    我就废话不多说了,大家还是直接看代码吧~ $t( options=deptTree normalizer=normalizer v-model=formData.deptId select=selectDepart&gt; // 获取当前选中部门的名称 selectDepart(val) { console

    Ux.field.Multiselect:Sencha Touch 2的简单多选字段

    如果要从Ext.field.Select中获取缺少的代码,可以轻松扩展Ext.field.Text,并将其添加到Ux.field.Multiselect中。 usePicker配置将不起作用,因为它在平板电脑和手机上始终使用列表 用法 Ext . create ( 'Ext.form...

    利用Bootstrap Multiselect实现下拉框多选功能

    利用Bootstrap Multiselect实现下拉框多选功能,并在点击事件中获取到所有选中option的value值 首先展示项目案例: 多选下拉框功能实现.gif 下面是所有完整的代码,重点以及主要的解释已经在代码内进行注释: 引入的...

    select-madu:SelectMadu替代了select菜单,支持搜索,多项选择,异步数据加载等功能

    script type =" text/javascript " src =" selectmadu.min.js " &gt; &lt;/ script &gt; &lt; link rel =" stylesheet " href =" selectmadu.css " &gt; &lt;/ head &gt; NPM 您可以使用以下命令从npm安装...

    程序天下:JavaScript实例自学手册

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    vue Treeselect 树形下拉框:获取选中节点的ids和lables操作

    1.lable: 需要用到方法:@select(node,instanceId) 和 @deselect(node,instanceId) &lt;treeselect ref=DRHA_EFaultModeTree v-model=DRHA_EFaultModeTree_value :multiple=true :options=DRHA_EFaultModeTree...

    asp.net Ajax DropDownList,asp.net下拉列表,自定义DropDownList

    支持多选 E.将js和asp.net Web窗体独立开 属性说明: 1.MultiSelected多选择为True 2.OnOnKeyPress键盘按下时检索数据库 3.DropDownItemHeight下拉滚动条高度 支持的浏览器: IE6,IE7,FireFox 可以挡住你的...

Global site tag (gtag.js) - Google Analytics