在選擇列表中選擇列表說明

Question

是否可以在實際選擇列表中顯示選擇列表的說明？當點擊選擇列表時，說明應該消失並顯示列表。

例如：

<select description="cars"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 

http://jsfiddle.net/auMPm/

我想有詞「汽車總動員」的選擇框裏面，它的點擊時就應該消失，顯示選擇列表。

我知道這是可能的文本輸入字段，這可以通過選擇標籤實現嗎？可能與jQuery的？

編輯：「佔位符」是魔術字。本主題處理它：How do I make a placeholder for a 'select' box?

Edit2：顯然有人發佈了一個更好的解決方案，我的問題，但刪除了他的答案......奇怪。我很幸運在時間鏈接到的jsfiddle :)

http://jsfiddle.net/hxr3P/3/

Answer 1

添加新的屬性，選擇標籤

<select id='ddl' desc="this is description" > 
     <option value="volvo">Volvo</option> 
     <option value="saab">Saab</option> 
     <option value="opel">Opel</option> 
     <option value="audi">Audi</option> 
    </select> 

使用jQuery

$(document).ready(function() { 
    var val=$('#ddl').attr('desc').val(); 
    alert(val); 
})​ 

Answer 2

這裏有一個解決方案中獲得該屬性使用ExtJs：

http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/form/forum-search.html

ExtJS可能是凌亂的實現，但其令人難以置信的強大，看看它。

（在本例中輸入「形式」，它會告訴你要找我想什麼）

Answer 3

var val = $('#ddl').attr('description'); 

你肯定選擇已經說明屬性？

這應該工作沒有嘗試過自己。希望它有助於好運。