下拉列表支持多选

已于 2023-02-02 20:16:20 修改
阅读量626 收藏
点赞数
分类专栏： 学习笔记 HTML 文章标签： html 前端
于 2023-01-27 15:19:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/heliuerya/article/details/128770814
版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>下拉列表支持多选</title>
    </head>
    <body bgcolor="antiquewhite">
        <center>
            <!--multiple="multiple":支持多选 size设置显示条目数量。-->
            <select multiple="multiple">
                <option>西红柿</option>
                <option>水蜜桃</option>
                <option>大西瓜</option>
                <option>大樱桃</option>
                <option>雪花梨</option>
            </select>
            <br/>
            <br/>
            <br/>
            <select multiple="multiple" size="2">
                <option>西红柿</option>
                <option>水蜜桃</option>
                <option>大西瓜</option>
                <option>大樱桃</option>
                <option>雪花梨</option>
            </select>
            <br/>
            <br/>
            <br/>
            <select multiple="multiple" size="3">
                <option>西红柿</option>
                <option>水蜜桃</option>
                <option>大西瓜</option>
                <option>大樱桃</option>
                <option>雪花梨</option>
            </select>
        </center>
    </body>
</html>

网页中展示效果如下图：       

heliuerya
关注
专栏目录
HTML——013下拉列表支持多选，multiple的用法
sk_girl的博客
04-18 1728
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>下拉列表支持多选</title> </head> <body> <!--multiple="multiple"支持多选，size设置：显示条目数量。--> <select name="xl" multiple="multiple" size="2">
html下拉式列表框多选,基于jQuery UI的多项选择下拉列表框组件
weixin_34380892的博客
06-03 1347
jquery.multiselect.js是一款基于jQuery UI的多项选择下拉列表框组件。该下拉列表功能强大，可以实现多选和单选，可制作打开和关闭下拉框时的炫酷动画效果，提供丰富的回调函数和其它方法。使用方法使用该多选下拉列表框插件需要在页面中引入jQuery UI相关文件，jQuery以及插件本身需要的jquery.multiselect.css和jquery.multiselect.js...
具有多选功能的下拉列表框
07-26
实现了一个可以多选的下拉列表框，下拉列表是一个checkboxlist,通过用户控件实现
8.使用下拉列表框进行多选
weixin_34009794的博客
02-09 306
下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用Command+单击），可以选择多个选项。如下代码： 在浏览器中显示的结果： 转载于:https://www.cnblogs.com/binhuguang/p/42814...
设置Excell下拉多个选项并可以多选
最新发布
weixin_45770399的博客
07-10 630
【代码】设置Excell下拉多个选项并可以多选。
下拉列表框进行多选
Ch_an_ger的博客
03-30 967
1）同上，下拉列表框进行多选的代码也是放在<form></form>内部。 语法为： <select multiple="multiple"> 内容 </select> 如： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" ...
带多选框的下拉列表
热门推荐
棠梨染青衣
08-01 2万+
之前想写一个带多选框的下拉列表，然后找相关的内容，发现大多都是用select写的，这种是默认的下拉列表样式，但有时候需要自己来写样式，这样用select就不合适了。 然后我就在csdn中无意间发现了一位博主（codingNoob，在此声明一下，他写了很多文章都不错，我还关注了！）是用li写的，只是没有多选框，然后我就用了一些他的代码，在加上自己的代码。 &lt;!DOCTYPE html&g...
使用下拉列表框进行多选
Scarlett的博客
02-11 3837
下拉列表也可以进行多选操作，在&lt;select&gt;标签中设置multiple="multiple"属性，就可以实现多选功能，在 windows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击），可以选择多个选项。如下代码：在浏览器中显示的结果：...
CheckBoxList_WinForm多选下拉框_下拉多选_
10-01
在WinForm中，`ComboBox`控件通常用于实现下拉框的功能，但默认情况下它不支持多选。为了实现多选，我们可以结合`ListBox`和`ComboBox`的特性，创建一个自定义控件。 1. **自定义控件创建**： 创建一个新的类，...
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
10-22
2. 编写HTML结构，使用标签，并加上multiple属性以支持多选，通过对选项进行分组，为每个设置值和显示文本。 3. 通过设置data-*属性，可以为选项添加额外的元数据，例如图标、副标题等。 4. 在页面中加入一个激活...
JS实现支持多选的遍历下拉列表代码
12-10
本文将深入探讨如何使用JavaScript实现一个支持多选的遍历下拉列表，这在创建用户友好的网页界面时非常常见。 首先，我们来看一下实现这个功能的HTML结构。一个基本的多选下拉列表是通过`<select>`标签来定义的，`...
js多选下拉框多选下拉框多选下拉框
08-19
js多选下拉框多选下拉框多选下拉框js多选下拉框多选下拉框多选下拉框
select 下拉框可以多选
03-09
select 下拉框可以多选Demo事列.
下拉多选select multiple
07-11
boostrap下拉控件，支持选择多个下拉内容，并可搜索下拉内容
jQueryMultipleSelect实现下拉框多选
12-27
jQuery Multiple Select实现下拉框多选，请注意是Multiple 。实例介绍详细，想用的可以直接Copy进去用
asp.net多选下拉框
12-21
自己开发个下拉多选框，好不容易在IE下可用，但是不兼容FF和谷歌浏览器。众里寻他千百度，终于找到。转自http://www.cnblogs.com/FrankYao/archive/2011/10/10/dropdowncheckboxlist.html。不敢独享，更不敢收分。先对这位大神表示感谢。 DropDownCheckBoxList 控件继承 DropDownList ； 整个控件由四部分组成：一个文本框、两个图标（向下|向上）、一个隐藏的 DIV 、两个隐藏域。 控件支持主流浏览器 IE 7+,FF3.5+，Chrome 9+,Safari 5 等浏览器。但在 IE6中与 与浏览器自身的 select 冲突。
【Axure】普通多选下拉列表
ivys52的博客
04-28 1235
可水平滚动查看已选项的普通多选下拉列表。
下拉列表，多选按钮选择
cymlancy的专栏
02-22 1707
/>是否共享                             />是否发布     >
下拉列表多选插件
知否技术的博客
03-05 426
Bootstrap Multiselect 官网：http://davidstutz.de/bootstrap-multiselect/ &lt;!-- Include Twitter Bootstrap and jQuery: --&gt; &lt;link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/&gt;...
Android拖拽列表与多选功能实现
"这篇文章主要介绍了如何在Android平台上实现一个可拖拽排序以及支持多选功能的列表。作者分享了一个已上线的OA软件中的一个模块，该模块的代码已开源。" 在Android应用开发中，创建一个可拖拽排序和具备多选功能的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值