2022

Salesforce

How can we make the combobox as readonly in Salesforce Lightning Web Component?

Sample code: HTML: <template> <lightning-card> <lightning-combobox name="filter" label="Industry" value={selectedValue} options={options} onchange={handlePicklistChange} placeholder="Select Industry" read-only={readOnlyBool}> </lightning-combobox> <p slot="footer"> <lightning-button onclick={enablePicklist} label="Enable"></lightning-button> <lightning-button onclick={disablePicklist} label="Disable"></lightning-button> </p> </lightning-card> </template> JavaScript: import { LightningElement, ....