ansaurus

Question

get form object from outside <form> tags

Answer 1

+3 A:

Use getElementById

function submitForm(){
    your_form = document.getElementById('form1');
}

Bang Dao 2010-08-10 05:35:24

this works perfectly, thanks

2010-08-10 05:42:14

Then please accept this answer

Bang Dao 2010-08-10 05:53:08

Answer 2

A:

And there comes power of jQuery...

$('#form1') ...

$('#form1 input') ...

$('#form1').submit(function() { $(this)... }

Māris Kiseļovs 2010-08-10 05:35:29

i think he is looking for javascript

Pranay Rana 2010-08-10 05:37:35

The sheer power of loading kilobytes of JS in order to cut two thirds of the typing needed to get document.getElementById(). It really isn't worth it unless you are doing relatively significant things with JS and want to refactor at least a large chunk of it to use jQuery.

David Dorward 2010-08-10 05:38:37

@June R: jQuery **is** JavaScript.

David Dorward 2010-08-10 05:39:04

Answer 3

A:

submitFunction(document.getElementById("form1"))

jtbandes 2010-08-10 05:35:37

Answer 4

A:

You can use getElementsByTagName() to retrieve all the elements in the document that have a specific tag name. Here's an example HTML file:

<html>
    <head>
        <script src="MyFile.js" type="text/javascript"></script>
    </head>
    <body>
        <input id="Item1" name="Item1" type="text" />
        <p>
            <input id="Item2" name="Item2" type="text" />
        </p>
        <form name="MyForm">
            <input id="Item3" name="Item3" type="text" />
            <input id="Submit" type="button" value="Submit"/>
        </form>
    </body>
</html>

And here's what MyFile.js would look like:

document.getElementById("Submit").onclick = function()
{
    var Items = document.getElementsByTagName("input");
    for (var i = 0; i < Items.length; i++)
    {
        // Do something useful here.
        alert(Items[i].value);
    }
}

The above example would alert four times (Item1, Item2, Item3, and Submit). You could check Items[i].id to ignore the Submit input.

Zach Rattner 2010-08-10 05:50:31

The question is looking to grab a form element which has an id.

David Dorward 2010-08-10 05:51:36

ansaurus

tags:

views:

answers:

get form object from outside <form> tags

related questions