Validating Menu Selection

« Previous Next »

write a JavaScript code to validate the menu selection.

<html>
  <head>
    <script>

             function myFunction() 
             {
                 var select = document.getElementById("myselect"); 
                 var x = select.value; 
     
                 if (x === "Select Subject") 
                 {
                     alert("Please select a subject."); 
                 } 
                 else 
                 {
                     document.getElementById("demo").innerHTML = "You selected: " + x; 
                 }
             }

    </script>
  </head>
<body>

  <select id="myselect"> 

      <option value="Select Subject"> Select Subject </option>
      <option value="OOP"> OOP </option>
      <option value="CG"> CG </option>
      <option value="DBMS"> DBMS </option>
      <option value="DSU"> DSU </option>
      <option value="DTE"> DTE </option> 

  </select>
  <br>
                 
    <input type="button" value="Submit" onclick="myFunction()">
    <br>
     
    <p id="demo"></p>

  </body>
</html>

Output:

« Previous Next »