Build a list of all the values within a form. : Form Controls « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. Form Controls

Build a list of all the values within a form.

 


<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
                
            $("p").append( $("input").map(function(){
                return $(this).val();
            }).get().join(", ") );
                    

        });
    </script>
  </head>
  <body>
    <body>
          <p></p>
          <form>
        
            <input type="text" name="name" value="A"/>
            <input type="text" name="password" value="B"/>
          </form>
    </body>
</html>








Related examples in the same category

1.Get form image control
2.Get form password field
3.Get hidden form fields
4.Set value to disabled form field
5.Query submit button
6.Query reset from form
7.Query form file input field
8.To trigger the select event on all input elements
9.Clicking the button enables the input next to it.
10.Hides all the input elements within a form.