While working with a Power Apps application, I had to show every record detail when a user selected an item from the dropdown control.
In this Power Apps article, I will explain how to get dropdown selected value in Power Apps with various examples like:
- Display Power Apps dropdown selected value in a Text box
- Get Power Apps dropdown selected value record details
Get Dropdown Selected Value in Power Apps
Let me show you how to display the Power Apps dropdown selected value in a text input control.
I have a SharePoint List [Patient Tracker]. This list contains the fields below.
| Column Name | Data Type |
| Patient ID | It is a default single line of text; I just renamed it as “Patient ID” |
| Name | A single line of text |
| DOB | Date and time |
| Contact Number | Number |
In Power Apps, there is a Dropdown control and a Text input control. I have bound the SharePoint text field [Name] values in the dropdown.
When a user selects a specific value from the dropdown control, the selected value will be displayed on the text label, as in the screenshot below.
To achieve the above example, follow the below-mentioned steps. Such as:
1. Insert a Dropdown control [drp_PatientName] -> Set its Items property and select Value property as shown below.
Items = 'Patient Tracker'
Value = NameWhere,
- ‘Patient Tracker’ = SharePoint Online List
- Name = SharePoint Text Field
2. Then, insert a Text input control and set its Default property to the code below:
Default = drp_PatientName.Selected.NameWhere,
- drp_PatientName = Power Apps Dropdown Name
3. Save, Publish, and Preview the app. The text input displays the value based on the dropdown selected value like below.
This is how to display the Power Apps dropdown selected value in a text input control.
Get Power Apps dropdown selected value record details
Let’s see how to display the Power Apps dropdown selected value records to text.
In Power Apps, there is a Dropdown control and three Text input controls. The dropdown control has patient ID values.
When a user selects a specific value from the dropdown, the text inputs controls will display selected value records, as in the screenshot below.
To do so, follow the below steps. Such as:
1. On the Power Apps Screen, insert a Dropdown control, set its Items property, and select Value as Title as shown below.
Items = 'Patient Tracker'
Value = TitleWhere,
- ‘Patient Tracker’ = SharePoint Online List
- Title = SharePoint Text Column
2. Then, insert three Text input controls and set their Default properties as shown below.
Default = drp_Patient.Selected.Name //For Patient Name
Default = drp_Patient.Selected.DOB //For Patient Date Of Birth
Default = drp_Patient.Selected.'Contact Number' //For Patient Contact NumberWhere,
- drp_Patient = Power Apps Dropdown Name
- Name, DOB, Contact Number = SharePoint List Fields
3. Save, Publish, and Preview the app. These text inputs display Patient Details based on the selected Patient ID from the dropdown below.
This is how to display the Power Apps dropdown value records on the text input controls.
Conclusion
In this tutorial, I have explained how to get a dropdown selected value in a Power Apps text input control. Also, we discussed how to display dropdown-selected record details in Power Apps.
You may also like:
- Display SharePoint Person Column in Power Apps Dropdown
- Set Power Apps Dropdown Values Based on Variable
- Convert Dropdown to Radio Button in Power Apps Form
- Display Column Names in Power Apps Dropdown
Preeti Sahu is an expert in Power Apps and has over six years of experience working with SharePoint Online and the Power Platform. She is the co-author of Microsoft Power Platform: A Deep Dive book. As a Power Platform developer, she has worked on developing various tools using Power Apps and Power Automate. She also makes Microsoft 365 videos and shares them on YouTube.
