設定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

本文來自雲栖社群合作夥伴“螞蟻部落”，了解相關資訊可以關注螞蟻部落