天天看点

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

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

代码如下:

<code>&lt;!DOCTYPE html&gt;    </code>

<code>&lt;</code><code>html</code><code>&gt;    </code>

<code>&lt;</code><code>head</code><code>&gt;    </code>

<code>&lt;</code><code>meta</code> <code>charset</code><code>=</code><code>" utf-8"</code><code>&gt;    </code>

<code>&lt;</code><code>title</code><code>&gt;蚂蚁部落&lt;/</code><code>title</code><code>&gt; </code>

<code>&lt;/</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>body</code><code>&gt;</code>

<code>&lt;</code><code>select</code> <code>name</code><code>=</code><code>"sel"</code> <code>multiple&gt;</code>

<code>&lt;</code><code>option</code> <code>value</code><code>=</code><code>"1"</code><code>&gt;蚂蚁部落一&lt;/</code><code>option</code><code>&gt;</code>

<code>&lt;</code><code>option</code> <code>value</code><code>=</code><code>"2"</code><code>&gt;蚂蚁部落二&lt;/</code><code>option</code><code>&gt;</code>

<code>&lt;</code><code>option</code> <code>value</code><code>=</code><code>"3"</code><code>&gt;蚂蚁部落三&lt;/</code><code>option</code><code>&gt;</code>

<code>&lt;</code><code>option</code> <code>value</code><code>=</code><code>"4"</code><code>&gt;蚂蚁部落四&lt;/</code><code>option</code><code>&gt;</code>

<code>&lt;/</code><code>select</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>

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

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

本文作者:admin

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