设置select下拉菜单的默认选中项

如果不给select下拉菜单设置默认选中项，那么一个option项就会被默认选中，但是也可以人为的设置哪一个option是默认选中项，代码实例如下:

<code>&lt;!DOCTYPE html&gt; &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>&gt;</code>

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

<code>  </code><code>&lt;</code><code>option</code> <code>selected&gt;蚂蚁部落二&lt;/</code><code>option</code><code>&gt;</code>

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

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

<code>  </code><code>&lt;</code><code>option</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>

上面的代码可以设置第二个option元素为默认选中项，使用selected属性即可。

原文发布时间为：2017-2-21

本文作者：admin

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