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

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:

General Questions

Mobile App

Using Apps Using Formulas