Aura Component
Input Select
Deprecated as of API version 47.0. We recommend migrating to Lightning Web Components and using the lightning-combobox component.
Descriptor
ui:inputSelectTargets
Lightning Experience, Experience Builder Sites, Salesforce Mobile App, Lightning Out / Visualforce, Standalone Lightning App
Example Options
Using ui:inputSelect
Single Selection
Selected Item:
Multiple Selection
Selected Items:
Dynamic Option Generation
Selected Items:
Code
<aura:component> <aura:handler name="init" value="{!this}" action="{!c.doInit}"/> <div class="row"> <p class="title">Single Selection</p> <ui:inputSelect class="single" aura:id="InputSelectSingle" change="{!c.onSingleSelectChange}"> <ui:inputSelectOption text="Any"/> <ui:inputSelectOption text="Open" value="true"/> <ui:inputSelectOption text="Closed"/> <ui:inputSelectOption text="Closed Won"/> <ui:inputSelectOption text="Prospecting"/> <ui:inputSelectOption text="Qualification"/> <ui:inputSelectOption text="Needs Analysis"/> <ui:inputSelectOption text="Closed Lost"/> </ui:inputSelect> <p>Selected Item:</p> <p><ui:outputText class="result" aura:id="singleResult" value="" /></p> </div> <div class="row"> <p class="title">Multiple Selection</p> <ui:inputSelect multiple="true" class="multiple" aura:id="InputSelectMultiple" change="{!c.onMultiSelectChange}"> <ui:inputSelectOption text="Any"/> <ui:inputSelectOption text="Open"/> <ui:inputSelectOption text="Closed"/> <ui:inputSelectOption text="Closed Won"/> <ui:inputSelectOption text="Prospecting"/> <ui:inputSelectOption text="Qualification"/> <ui:inputSelectOption text="Needs Analysis"/> <ui:inputSelectOption text="Closed Lost"/> </ui:inputSelect> <p>Selected Items:</p> <p><ui:outputText class="result" aura:id="multiResult" value="" /></p> </div> <div class="row"> <p class="title">Dynamic Option Generation</p> <ui:inputSelect label="Select me: " class="dynamic" aura:id="InputSelectDynamic" change="{!c.onChange}" /> <p>Selected Items:</p> <p><ui:outputText class="result" aura:id="dynamicResult" value="" /></p> </div> </aura:component>