Question

I need help getting javascript to read an html input form, and assign the input to an array, or atleast what i think is an array….im not sure.

i want to take the data from an html form, and put it in here:

var users = ['"This is a random qoute"-lastname,firstname."','"This is a random
qoute"-lastname,firstname."'];

is this possible?

Answer 1

If you want an array of the text input names and values, the following will do the job. If you want to

serialize a form for posting, that takes a little more code.

<script type="text/javascript">
function getInputs(form) {
  var input, inputs = form.getElementsByTagName('input');
  var result = [];

  for (var i=0, iLen=inputs.length; i<iLen; i++) {
    input = inputs[i];

    if (input.type == 'text') {
      result.push(input.name + ': ' + input.value)
    }
  }
  return result;
}

</script>

<form>
 <table>
  <tr>
   <td>name<td><input type="text" name="userName">
  <tr>
   <td>age<td><input type="text" name="userAge">
  <tr>
   <td colspan="2"><input type="button" value="Show inputs" 
       onclick="alert(getInputs(this.form));">
</table>
</form>

Shows "userName: <value>, userAge: <value>"