`

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>

 












分享到:
评论

相关推荐

    下拉框多选select多选

    在网页设计和开发中,"下拉框多选select多选"是一个常见的功能,它允许用户在下拉菜单中选择多个选项,而不仅仅是一个。在HTML中,`&lt;select&gt;`元素通常用于创建这样的下拉菜单,但默认情况下,`&lt;select&gt;`只支持单选。...

    JQ JS javascript 多选 多选下拉框 select bootstrap-select

    例如,你可以监听`changed.bs.select`事件来获取用户的选择变化: ```javascript $('.selectpicker').on('changed.bs.select', function (e, clickedIndex, isSelected, previousValue) { console.log('用户选择了...

    select多选与美化

    总之,"select多选与美化"涉及了HTML、CSS、JavaScript和jQuery的综合应用,目标是创建一个功能齐全、美观且兼容性强的多选下拉列表,提升用户在网页交互中的体验。通过学习和实践,开发者可以掌握这种常见但又重要...

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

    标题中提到的“JS 获取select(多选下拉)中所选值的示例代码”,涉及到的知识点主要集中在JavaScript语言在Web前端开发中如何操作DOM元素,获取和处理用户通过多选下拉框(multiple select element)所选中的值。...

    多选列表值的移动和获取值

    获取多选列表框的值通常涉及读取`&lt;select&gt;`元素的`value`属性。由于多选列表可能有多个值,我们需要遍历所有`&lt;option&gt;`元素来收集它们。在JavaScript中,这可以通过以下方式实现: ```javascript // 获取已选值数组...

    select 下拉框可以多选

    为了处理用户的多选结果,通常会使用JavaScript或者jQuery来获取用户的选择。例如,使用jQuery,你可以通过以下代码获取所有被选中的选项: ```javascript var selectedOptions = $('select[multiple]').val(); ```...

    layui多选下拉框样式,整套layui-select-multiple

    关于“取值”,在Layui的多选下拉框中,你可以通过JavaScript事件来获取用户的选择。当用户完成选择后,可以监听“change”事件,然后通过`.val()`方法获取选中项的值,这些值通常是以逗号分隔的字符串形式返回。 ...

    select 实现多选

    本篇文章将深入探讨如何在HTML、CSS以及JavaScript中实现`&lt;select&gt;`的多选特性。 ### HTML基础 在HTML中,`&lt;select&gt;`元素有一个名为`multiple`的属性,当这个属性被设置时,用户就可以同时选择多个选项。例如: `...

    xm-select,一款简单多选的select插件

    再者,获取已选中的值和文本也是XM-SELECT的一大亮点。在用户进行多选操作后,开发者可以轻松地获取到用户的选择,这对于数据提交或者进一步的业务逻辑处理至关重要。插件通常提供API接口,如`getValue()`和`getText...

    html多选下拉框 ,CheckBox的Select组件 可多选的下拉框

    - **值的获取**:在提交表单时,我们可以通过遍历`&lt;select&gt;`中的`&lt;option&gt;`来获取用户选择的值。 3. **样式美化** 为了提供与传统下拉框相似的外观,可以使用CSS对`&lt;label&gt;`进行样式设置,如背景、边框、字体等。...

    select模拟多选下拉

    在网页开发中,"select模拟多选下拉"是一个常见的需求,特别是在需要用户选择多个选项时。传统的HTML `&lt;select&gt;` 元素虽然支持`multiple`属性实现多选,但其样式和交互方式往往不能满足现代网页设计的需求。因此,...

    js多选下拉框多选下拉框多选下拉框

    JavaScript(简称js)作为客户端脚本语言,常被用来增强网页的交互性,其中包括实现多选下拉框的功能。本文将深入探讨如何使用JavaScript来创建和操作多选下拉框。 首先,HTML基础是构建多选下拉框的起点。一个基本...

    layui的select下拉框插件,可以多选

    对于多选的`select`,layui还提供了丰富的API供我们进行操作,如选择或取消选择特定选项、获取选中项的值等。例如,以下代码会选中值为2的选项: ```javascript form.select('exampleFilter').check('2'); ``` ...

    jsp select 带多选框

    文件名`t.jpg`可能是相关示例的截图,`multi_select`可能是一个包含更多复杂逻辑或定制样式的多选下拉框的示例文件,可能是CSS样式表或者JavaScript脚本。 总之,"jsp select 带多选框"是JSP开发中常见的用户输入...

    多选多select

    ### 多选多select知识点详解 #### 一、概述 在网页开发中,有时需要实现一个功能:用户可以从左侧的选项列表中选择多个项目,并通过按钮操作将其移动到右侧的列表中,同样地,也可以将右侧列表中的项目移动回左侧...

    Select多选.rar

    在提到"Select多选"时,我们通常是在讨论如何在HTML的选择框(`&lt;select&gt;`元素)中实现多选功能。在传统的HTML中,`&lt;select&gt;`元素默认只支持单选,但通过JQuery和一些额外的插件或技巧,我们可以使用户能够选择多个...

    bootstrap-select下拉选择搜索框,可以多选和单选

    1. **引入依赖**:首先,确保在页面中引入Bootstrap的CSS和JavaScript文件,以及Bootstrap Select的CSS和JS文件。这些文件可以从官方网站或者CDN获取。 2. **HTML结构**:在HTML中创建`&lt;select&gt;`元素,为每个可选项...

    js实现的多选城市

    在这个场景中,"js实现的多选城市"是指使用JavaScript技术来创建一个功能,允许用户在选择多个城市时实现级联效果。级联城市通常指的是当用户在一个下拉框中选择一个特定的城市后,另一个下拉框会自动更新,显示与所...

    easyui的下拉框多选

    要获取用户当前选择的值,可以使用`getValue()`方法,返回的是一个数组。 ```javascript var selectedValues = $('#myComboBox').combobox('getValue'); console.log(selectedValues); // 输出用户选择的值 ``` 6...

Global site tag (gtag.js) - Google Analytics