設定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>&gt;</code>

<code>&lt;</code><code>option</code> <code>value</code><code>=</code><code>"0"</code><code>&gt;螞蟻部落一&lt;/</code><code>option</code><code>&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>selected&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>

隻要在響應的option項上添加selected屬性即可。

原文釋出時間為：2017-2-13

本文作者：admin

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