<aui：select>中的占位符用于下拉列表

Question

如何在下拉列表中显示占位符值？用户将在下拉列表中显示某些内容，但他无法“选择”该选项。

例如：我将在下拉列表（占位符）中将占位符设置为“请选择项目”作为选定文本，但用户将无法从下拉列表中选择“请选择项目”作为项目。 / p>

目前我必须使用如下代码所示的内容

<aui:select label="" id="admin" name="optionsSelect">
    <aui:option value="1">Please Select an Item</aui:option>
    <aui:option value="2">Item1</aui:option>                       
    <aui:option value="3">Item2</aui:option>                            
    <aui:option value="4">Item3</aui:option>                            
    <aui:option value="5">Item4</aui:option>    
</aui:select>

Answer 1

具有诸如占位符之类的选择的唯一选项是像对第一个选项那样添加选择，但是还要添加选项“ selected”和“ disabled”，并且其值为空，即：

<aui:select label="" id="admin" name="optionsSelect">
    <aui:option value="" selected="true" disabled= "true">Please Select an Item</aui:option>
    <aui:option value="2">Item1</aui:option>                       
    <aui:option value="3">Item2</aui:option>                            
    <aui:option value="4">Item3</aui:option>                            
    <aui:option value="5">Item4</aui:option>    
</aui:select>

希望有帮助。