All Languages >> Html >> Show html when a list in the dropdown is selected

“Show html when a list in the dropdown is selected” Code Answer

Show html when a list in the dropdown is selected

html by TheTwitch0ne

on Jun 22 2020 Donate

<!DOCTYPE html>
<html>
   <body>
      <form id="myForm">
         <select id="selectNow">
            <option>One</option>
            <option>Two</option>
            <option>Three</option>
         </select>
         <input type="button" onclick="display()" value="Click">
      </form>
      <p>Select and click the button</p>
      <script>
         function display() {
            var obj = document.getElementById("selectNow");
            document.write(obj.options[obj.selectedIndex].text);
         }
      </script>
   </body>
</html>

Source: www.tutorialspoint.com