如何设置select下拉菜单可以多选

简介:
本章节介绍一下可以讲select下拉菜单设置为可以多选,在默认条件下select下拉菜单只能够一次选中一个。

代码如下:

 
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
<!DOCTYPE html>    
< html >    
< head >    
< meta charset = " utf-8" >    
< meta name = "author" content = "http://www.softwhy.com/" />    
< title >蚂蚁部落</ title
</ head >
< body >
< select name = "sel" multiple>
< option value = "1" >蚂蚁部落一</ option >
< option value = "2" >蚂蚁部落二</ option >
< option value = "3" >蚂蚁部落三</ option >
< option value = "4" >蚂蚁部落四</ option >
</ select >
</ body >
</ html >

只要在select标签中添加multiple属性即可,这个时候所有的option项都可以显示。



原文发布时间为:2017-2-13

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:如何设置select下拉菜单可以多选

相关文章
|
6月前
|
C++
QT QTreeWidget 实现模糊查询和多选的勾选状态
#QT QTreeWidget 实现模糊查询和勾选状态 本文的主要代码基本都是总结2篇博客实现了模糊查询模糊查询和勾选状态QTreeWidget实现勾选基本上所有的操作都是递归操作,个人测试了性能,如果1w项左右的数据时,没啥问题,如果有几w,那么勾选所有的,效率很慢,需要几秒钟,大家可以测试,不废话了,直接上代码:如果有啥不懂的,可以在留言,会很详细的给出解释的
170 0
|
6月前
|
JavaScript
Element_select 选择器 选中框中显示不了选中的值
解决Vue中`el-select`选择器不显示选中值的问题:在`selectChanged`方法中添加`this.$forceUpdate()`,强制组件更新,使输入框显示选择的值。示例代码包括模板和方法。
896 2
|
4月前
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
50 1
|
6月前
el-select如何自定义下拉选项框的宽度
el-select如何自定义下拉选项框的宽度
908 0
|
前端开发
select 下拉框不可选
select下拉框设置不可选
Element UI - el-select(选择器)下拉多选菜单不换行显示
Element UI - el-select(选择器)下拉多选菜单不换行显示
|
移动开发 HTML5
Element-ui中 选择器(select)多选下拉框实现全选功能
Element-ui中 选择器(select)多选下拉框实现全选功能
868 0
Element-ui中 选择器(select)多选下拉框实现全选功能
|
JavaScript
jQuery设置下拉框select 默认选中option
$("#id option:first").prop("selected", 'selected');  将请选择加入到select中第一位 $("#id").
1586 0