Javascript Form How to - Get Submit Button name, type and value

Question

We would like to know how to get Submit Button name, type and value.

Answer


<html>
<head>
    <script language="JavaScript">
    function openWin(){<!--from w ww  .j a  v a 2s .  co  m-->
      var myInstance = document.myForm.mySubmit;
      console.log("The name is: " + myInstance.name + "<br>");
      console.log("The type is: " + myInstance.type + "<br>");
  
      console.log(myInstance.form.mySubmit.value);
    }
    </script>
</head>
<body>
    <form name="myForm">
      <input type=TEXT value="Hello, World!" name="myText">
    <input type=SUBMIT value="Click to Submit" name="mySubmit"
             onClick="openWin()">
    </form>
</body>
</html>

The code above is rendered as follows: