Home/ Questions/Q 4019350
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T10:05:38+00:00

i am sure this is quite a numb question to ask and most probably

  • 0

i am sure this is quite a numb question to ask and most probably the most basic one. i am just a starter for JS.

i am trying to access the value of input field by document.getElementById and it is returning null to me i am not sure why here is the code.

<html>
    <head>
        <script type="text/javascript">
            var name = document.getElementById("e_name");
            alert(name);
        </script>
    </head>
    <body>
        <form action="" method="post">
            <input type="text" name="name" id="e_name" value="Enter your Name"/>
            <input type="submit" name="submit"/>
        </form>
    </body>
</html>

the following code prints the value null in alert box. what is wrong?

Update :

When i use the following code.

<html>
    <head>

    </head>
    <body>
        <form action="" method="post">
            <input type="text" name="name" id="name" value="Enter your Name"/>
            <input type="submit" name="submit"/>
        </form>
        <script type="text/javascript">
            var name = document.getElementById('name').value;
            alert(name);
        </script>
    </body>
</html>

it prints Enter your Name but if i change the value it does not print the changed value. i would want to perform the following for validation purpose

a) holds the value of e_name in a javascript variable in the head tag

b) so that i should be able to process it for validation.

how do i do it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Because you’re calling that line of script even before document object is ready!

    Try this

    <body>
        <form action="" method="post">
            <input type="text" name="name" id="e_name" value="Enter your Name"/>
            <input type="submit" name="submit"/>
        </form>

        <script type="text/javascript">
            var name = document.getElementById("e_name").value;
            alert(name);
        </script>

</body>

    Or this in your head tag.

        <script type="text/javascript">
        window.onload = function() {
            var name = document.getElementById("e_name");
            alert(name);
        }
    </script>
    • 0