`
paulfzm
  • 浏览: 884394 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

Javascript 下拉列表多选

阅读更多

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>

分享到:
评论

相关推荐

    可以放到项目中用 多选下拉列表 复选下拉列表 jquery多选列表 多选多级联动下拉列表,有demo

    "多选下拉列表"和"复选下拉列表"是常见的组件,用于提供用户在一组选项中进行多个选择的功能。这些组件通常用于数据筛选、配置设置或信息录入等场景。本主题将深入探讨基于jQuery的多选下拉列表插件及其应用。 1. *...

    下拉列表多选

    总的来说,这个项目提供了一个自定义的下拉列表多选解决方案,涉及到前端开发的核心技术——CSS和JavaScript的运用,以及对用户体验的关注。通过深入理解这两个语言以及它们在表单元素中的应用,开发者可以有效地...

    下拉列表多选2

    在IT开发领域,"下拉列表多选"是一种常见的用户界面元素,用于让用户在一组选项中选择多个项目。这样的功能通常出现在网页、应用程序或者软件的交互设计中,以提高用户体验和数据输入效率。"下拉列表多选2"可能是指...

    DropDownCheckList下拉列表多选

    综上所述,"DropDownCheckList下拉列表多选"是一个功能强大的ASP.NET控件,结合了下拉列表的简洁性和复选框的多选性,为开发人员提供了一种高效且灵活的用户输入方式。通过学习和实践,开发者可以更好地满足用户在...

    js多选下拉列表

    总结一下,"js多选下拉列表"涉及的技术主要包括HTML的`&lt;select&gt;`元素与`multiple`属性、JavaScript/jQuery用于交互和增强用户体验,以及可能需要的jQuery插件如`select2`和`multi-select`。对于多级联动,需要理解...

    ext多选下拉列表的全选功能实现

    "ext多选下拉列表的全选功能实现"这个主题聚焦于一个特定的UI组件——ExtJS库中的MultiComboBox,这是一种允许用户多选的下拉列表控件。在实际应用中,全选功能常常被用来快速选择所有选项,极大地提高了用户的操作...

    几款极好的 JavaScript 下拉列表插件

    本篇文章将详细探讨几款优秀的JavaScript下拉列表插件,以及如何利用它们来提升用户体验。 首先,我们要介绍的是`chosen`插件,这正是`chosen-master`压缩包中的主角。`Chosen`是一款非常流行的下拉列表增强插件,...

    Ztree jquery 下拉数 下拉列表(多选)

    实现ZTree的下拉列表多选,首先需要在HTML中创建一个基础的下拉框元素,并引入ZTree的CSS和JavaScript文件。然后,你需要配置ZTree的初始化参数,包括数据源(json格式)、节点的多选属性(checkable)以及相关的...

    具有多选功能的下拉列表框

    在描述中提到,这种多选下拉列表框是通过一个名为“checkboxlist”的元素实现的,这可能是使用特定编程语言(如JavaScript、HTML5或特定的前端框架如React、Vue)中的一个组件或者控件。 在Web开发中,实现这样的...

    asp.net下拉多选控件

    当需要动态加载下拉列表选项或者实时更新已选值时,可以利用WebServices和ASP.NET AJAX。通过异步请求,可以动态地从服务器获取数据并填充到下拉多选控件中,从而提高用户体验。 6. **响应式设计** 考虑到现代Web...

    Juqery插件,下拉,支持多选,单选,模糊查询

    多选功能允许用户在下拉列表中选择一个以上的选项,这对于需要收集多个选项的情况非常有用。MaxCombobox提供了便捷的多选机制,用户可以通过简单的操作来选择多个条目。 4. **单选支持**: 单选模式则限制用户...

    select 下拉框可以多选

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

    jQuery自定义下拉分类多选代码.zip

    在网页开发中,`&lt;select&gt;`元素常用于创建下拉列表,但原生的HTML下拉菜单功能有限,无法满足复杂的用户交互需求。jQuery Select是对此的一种增强,它可以定制样式、添加动态效果,甚至提供更高级的功能,如多选和...

    js css3下拉城市菜单多选代码.rar

    "js css3下拉城市菜单多选代码"是一个使用JavaScript和CSS3技术实现的实例,它允许用户在下拉菜单中选择多个城市,增加了用户界面的互动性和功能多样性。下面将详细介绍这个模板的实现原理和关键知识点。 首先,...

    jqery实现下拉多选

    总之,jQuery实现的下拉多选组件结合了HTML、CSS和JavaScript的威力,为用户提供了一种直观且易于操作的方式来选择和管理多项内容。通过学习和实践这样的组件,开发者可以提升自己的前端技能,同时优化用户体验。

    Extjs下拉多选树

    在ExtJS中,"下拉多选树"(Combobox Tree)是一种结合了下拉框和树形结构的组件,它允许用户在下拉菜单中选择多个树节点,提供了一种高效且直观的用户交互方式。 1. **下拉树组件**:在ExtJS中,树形组件...

    下拉多选菜单jquery代码

    `&lt;select&gt;`元素定义了一个下拉列表,而`&lt;option&gt;`元素则表示列表中的各个选项。要实现多选功能,我们需要设置`&lt;select&gt;`元素的`multiple`属性。 接下来,我们将利用jQuery来增强这个基本的下拉菜单。首先,需要在...

    .net中实现多选下拉菜单(很容易学懂)

    本教程将引导初学者理解如何创建并使用这样的多选下拉菜单,让你轻松掌握这一功能。 一、ASP.NET ListBox控件 1. **添加控件**:在ASP.NET页面中,我们可以通过拖拽工具箱中的ListBox控件到设计视图,或在代码中...

Global site tag (gtag.js) - Google Analytics