HTML選擇禁用

Question

我有在這樣的選擇元素顯示的第一個選項的麻煩：http://jsfiddle.net/L6h9Q/

我想第一個選項標籤作爲佔位符的工作，但第二個默認情況下，首先顯示。

Answer 1

僅顯示啓用值，您可以添加selected="selected"屬性，把它放在第一個默認選項。

Answer 2

是因爲它會先禁用的值

Answer 3

一種解決方法：http://jsfiddle.net/L6h9Q/2/

必備部件：

1. 添加required到select;
2. 使用select:invalid使顏色變灰;使用option:first-child使第一個選項變灰。

缺點：僅適用於支持HTML5/CSS3的瀏覽器。

---

編輯：

通過@Russell啓發，這裏有一個（有點）更好的解決方案：http://jsfiddle.net/L6h9Q/3/

Answer 4

禁用的項目（根據定義），不能選擇。頁面加載時顯示的項目確實被選中。

使用普通的JS和HTML的規範方法是保持啓用該選項，然後在提交時（客戶端和服務器端）驗證表單結果。如果用戶選擇了佔位符選項（在您的案例中爲「City ...」），那麼讓他們知道他們已經做出了無效選擇。