web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / getting the selected t...
Power Apps
Unanswered

getting the selected text/option/value from an html dropdown

(0) ShareShare
ReportReport
Posted on by 42

I have the below html dropdown in powerapps canvas. How can I get the selected option value please ?

 

 

"
<!DOCTYPE html>
<html>
 <head></head>
 <body>
 <center>
 <h1 style='color: green;'>Html Dropdown</h1>
 <div class='select'>
 <select style='position: relative;
 display: block;
 width: 15em;
 height: 2em;
 line-height: 3;
 overflow: hidden;
 border-radius: .25em;
 padding-bottom: 10px;' name='slct' id='slct'>
 <option style='-webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none; appearance: none;
 outline: 0;
 background: gray;
 background-image: none;
 width: 100%;
 height: 100%;
 color: white;
 cursor: pointer;
 border: 1px solid black;
 border-radius: 3px;'>Computer Science Subjects</option>
 <option style=' -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none; appearance: none;
 outline: 0;
 background: gray;
 background-image: none;
 width: 100%;
 height: 100%;
 color: white;
 cursor: pointer;
 border: 1px solid black;
 border-radius: 3px;' value='1'>Operating System</option>
 <option style=' -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none; appearance: none;
 outline: 0;
 background: gray;
 background-image: none;
 width: 100%;
 height: 100%;
 color: white;
 cursor: pointer;
 border: 1px solid black;
 border-radius: 3px;' value='2'>Computer Networks</option>
 <option style=' -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none; appearance: none;
 outline: 0;
 background: gray;
 background-image: none;
 width: 100%;
 height: 100%;
 color: white;
 cursor: pointer;
 border: 1px solid black;
 border-radius: 3px;' value='3'>Data Structure</option>
 <option style=' appearance: none;
 outline: 0;
 background: gray;
 background-image: none;
 width: 100%;
 height: 100%;
 color: white;
 cursor: pointer;
 border: 1px solid black;
 border-radius: 3px;' value='4'>Algorithm</option>
 <option style=' -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none; appearance: none;
 outline: 0;
 background: gray;
 background-image: none;
 width: 100%;
 height: 100%;
 color: white;
 cursor: pointer;
 border: 1px solid black;
 border-radius: 3px;' value='5'>C programming</option>
 <option style=' -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none; appearance: none;
 outline: 0;
 background: gray;
 background-image: none;
 width: 100%;
 height: 100%;
 color: white;
 cursor: pointer;
 border: 1px solid black;
 border-radius: 3px;' value='6'>JAVA</option>
 </select>
 </div>
 </center>
 </body>
</html>"

 

 

thanks

Categories:
I have the same question (0)
  • v-bofeng-msft Profile Picture
    on at

    Hi @roncam82 ,

     

    I'm afraid that is not available. Please consider using canvas app's native dropdown control.

     

    vbofengmsft_0-1664951575159.png

     

    In addition, you can create a new idea through the below URL, then ask  your colleagues to raise up the votes.  

     

    Power Apps Ideas - Power Platform Community (microsoft.com) 

     

    The  product team has direct visibility of these ideas and they will implement it on the basis of the highest number of votes received. 

     

     

    Best Regards, 

    Bof

     

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 721 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 320 Super User 2025 Season 2

#3
Power Platform 1919 Profile Picture

Power Platform 1919 268

Last 30 days Overall leaderboard