Tutorials Point

  Learn Prototype
  Prototype Resources
  Selected Reading

Copyright © 2014 by tutorialspoint

  Home     References     Discussion Forums     About TP  

Prototype Form serializeElements() Method

previous next AddThis Social Bookmark Button


This method serializes an array of form elements to a string suitable for Ajax requests (default behavior) or, if optional getHash evaluates to true, an object hash where keys are form control names and values are data.

The preferred method to serialize a form is Form.serialize. However, with serializeElements you can serialize specific input elements of your choice.


Form.serializeElements(elements [,getHash = false]);

Return Value :

  • It returns an String object.


Consider the following example:

<title>Prototype examples</title>
   <script type="text/javascript" 

function showResult()
   var form = $('example'); 
   var arr = form.getInputs('text');
   var element = Form.serializeElements( arr ); 
   alert("Serialized String : " + element.inspect());



  <p>Click the button to see the result.</p>
  <br />

  <form id="example" action="#" onsubmit="return false">
  <fieldset><legend>User info</legend>
  <div><label for="username">Username:</label> 
  <input name="username" id="username" value="Sulien" type="text">
  <div><label for="age">Age:</label> 
  <input name="age" id="age" value="23" size="3" type="text">
  <div><label for="hobbies">Your hobbies are:</label>
  <select name="hobbies" id="hobbies" multiple="multiple">

  <br />
  <input type="button" value="Result" onclick="showResult();"/>


To understand it in better way you can Try it yourself.

previous next Printer Friendly