@Dhruva- >> It should be $(this).reset();
That won't work. Note that reset() is a method that is available on raw form elements in the DOM, but not on a jQuery-wrapped set. // Example for Firebug console.log(jQuery.fn.reset) // undefined @pritisolanki - You can't expect the selector engine (or your page, for that matter) to work properly when you have several ID's that are the same. You have three forms that all have an id="form" in your sample HTML. This is non-compliant with W3C standards and can cause a whole mess of problems. If you need to select them all, use the class attribute instead. Furthermore, you are using the name and ID attribute in a way which contributes to what is often called the "deadly expando". You should definitely consider avoiding ID and name attributes such as "form", "submit", "text", etc as described in these articles -> http://ejohn.org/blog/deadly-expandos/ and http://jibbering.com/faq/names/ . "form" as an ID doesn't directly induce this phenomena, but the principle is the same: don't use attribute values which might conflict with DOM properties. Change your ID's to be unique and all should be good. For reuse, you could create a simple plugin: $.fn.reset = function() { return this.each(function() { // Check against forms, and for the reset method if (this.tagName.toLowerCase() === "form" && this.reset) { this.reset(); } }); } Usage: $("#myForm").reset(); On Sep 16, 7:50 am, Dhruva Sagar <dhruva.sa...@gmail.com> wrote: > It should be $(this).reset(); > But since your using an id in the selector, that will reset only the > particular form you want. > If you wish to reset all the forms in the page you should do something > similar to this : > > $('form').each(function(){ > $(this).reset(); > > }); > > You should of course put this piece of code in the document ready function. > > Thanks & Regards, > Dhruva Sagar. > > Pablo Picasso<http://www.brainyquote.com/quotes/authors/p/pablo_picasso.html> > - "Computers are useless. They can only give you answers." > > On Wed, Sep 16, 2009 at 1:45 PM, pritisolanki <pritiatw...@gmail.com> wrote: > > > Hi, > > > I am trying to reset all the form element but it is not working can > > someone suggest the reason. > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// > >www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> > > <html xmlns="http://www.w3.org/1999/xhtml";> > > <head> > > <meta http-equiv="Content-Type" content="text/html; > > charset=ISO-8859-1" /> > > <title>jQuery Starterkit</title> > > > <link rel="stylesheet" type="text/css" media="screen" > > href="screen.css" /> > > <script src="jquery-1.3.2.min.js" type="text/javascript"></script> > > <script src="custom.js" type="text/javascript"></script> > > </head> > > <body> > > <SCRIPT LANGUAGE="JavaScript"> > > <!-- > > $(document).ready(function() { > > > $("#reset").click(function() { > > $("form").each(function() { > > this.reset(); > > }); > > }); > > > }); > > > //--> > > </SCRIPT> > > > <h1>jQuery Starterkit</h1> > > <h2>This page contains code to test the examples. Most of it is only > > relevant for a example.</h2> > > > <a id="first" href="#">Some link</a> > > <br/><br/><hr/> > > <p> > > <p style="visibility:display">Hehehehe so think you can hide me :-p </ > > p> > > </p> > > <br/><br/><hr/> > > <form id="form" name="form1"> > > Form 1 > > <input name="foo" value="XXX" /> > > </form> > > > <form id="form" name="form2"> > > Form 2 > > <input name="bar" value="YYY" /> > > </form> > > > <form id="form" name="form3"> > > Form 3 > > <input type="checkbox" /> > > <input type="checkbox" checked="checked" /> > > </form> > > <br/><br/><hr/> > > <a id="reset" href="#">Reset!</a> > > > </body> > > </html>
