Question

I have the following select list from which the user can select multiple values.

<select name="valumethod1[]" id="valumethod1[]"  onBlur="validatevalumethod()" size="6">
     <option value ="t1">test1</option>
     <option value ="t2">test2</option>
     <option value ="t3">test3</option>
     <option value ="t4">test4</option>
</select>

I want to fetch the selected values in JavaScript, but I don’t know how to do this. Please help me.

Answer 1

Try something like this :

var ob = document.getElementById('valumethod1[]');
var selected = new Array();
for (var i = 0; i < ob.options.length; i++) {
  if (ob.options[ i ].selected) {
      selected.push(ob.options[ i ].value);
  }
}

The array selected is then an array of selected options. Working example here

Note: you need to add multiple="multiple" to your select list as an attribute