Dynamically create input tags

Discussion in 'JavaScript' started by cyberleet, Oct 4, 2009.

0
  1. #1
    I am trying to dynamically create input tag and then embed it in the form element but this code doesnt work , i cant figure out why . Please help me .

    <html>
    <head>
        <script type="text/javascript">
            function create_input()
            {   alert("random");
                var itag = document.createElement("input");
                itag.setAttribute("name","1");
                itag.setAttribute("type","text");
                var ftag = document.getElementById("form1");
                document.ftag.appendChild(itag);
            }
            </script>
        </head>
    <body>
        <form id="form1">
            <input type="BUTTON" value="create input" onclick="create_input()">
            </form>
        </body>
</html>
    Code (markup):
    Thanks in advance
     
    cyberleet, Oct 4, 2009 IP
  2. ohteddy

    ohteddy Member

    Messages:
    128
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    28
    #2
    I believe the last line in create_input should be:

    ftag.appendChild(itag);
     
    ohteddy, Oct 4, 2009 IP
  3. Gungz

    Gungz Peon

    Messages:
    65
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yes, I believe so.
    You don't need to use document. prefix anymore because you already have the reference of form1 by using document.getElementById("form1").

    Try it.
     
    Gungz, Oct 8, 2009 IP