<aui:select> 中用于下拉 liferay 的占位符

Question

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

例如：我将有一个占位符 'Please Select an Item' 作为下拉列表（占位符）中的 selected 文本，但用户将无法 select 'Please Select an Item' 作为下拉列表中的一项。

目前我必须使用如下代码所示的东西

<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

使 select 带有类似占位符的唯一选择是像您对 select 添加第一个选项一样添加选项，但还要添加选项 "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>

希望有所帮助。

<aui:select> 中用于下拉 liferay 的占位符

placeholder in <aui:select> for dropdown liferay

dropdown

placeholder

selectlist

liferay-aui