如何设置select下拉菜单可以多选-阿里云开发者社区

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

2018-03-01 2661

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

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

代码如下:

         <!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下拉菜单可以多选

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

热门文章

最新文章

相关电子书