Form array to Javascript Variable

[Andrew R]

Hi there

 

I was wondering how I could get the following form array ( option[] ) into 1 JavaScript variable? 

 

<input name="option[]" type="checkbox" id="option[]" value="Hosting"/>

<input name="option[]" type="checkbox" id="option[]" value="Support"/>

<input name="option[]" type="checkbox" id="option[]" value="Training"/>

<input name="option[]" type="checkbox" id="option[]" value="Design"/>

 

Many thanks

 

 

[rhodesa]

can you elaborate on 'into 1 JavaScript variable'? you want an array with the 4 values in it?

 

p.s. - IDs for html elements must be unique. multiple elements cannot share the same ID

[Andrew R]

can you elaborate on 'into 1 JavaScript variable'? you want an array with the 4 values in it?

 

p.s. - IDs for html elements must be unique. multiple elements cannot share the same ID

 

Thanks for the reply

 

I would like a Javascript variable with the 4 option values from the form in it.  I have to pass the variable onto a php file.  Hope this makes sense.

 

Cheers

[rhodesa]

for example:

<form id="foobar">
  <input name="option[]" type="checkbox" value="Hosting"/>
  <input name="option[]" type="checkbox" value="Support"/>
  <input name="option[]" type="checkbox" value="Training"/>
  <input name="option[]" type="checkbox" value="Design"/>
</form>
<script type="text/javascript">
  function getValues ( formId, name ) {
    var form = document.getElementById(formId);
    var values = [];
    for(n=0;n < form.length;n++){
      if(form[n].name == name){
        values.push(form[n].value);
      }
    }
    return values;
  }
  alert(getValues('foobar','option[]'));
</script>