Pass array value in javascript

Question

I have list of groups:

 <select multiple="multiple"  name="groups[]"  id="groups[]" class="myclass">

<option value="1">Employee</option>        
<option value="2">Suppliers</option>
<option value="3">Customers</option>

 </select>

I am using the below code to pass the groups to the ajax url but ONLY one group is passed!!

<Script>
    groups=document.getElementById("groups[]").options.item(addIndex).value;

    xmlHttp.open("POST","?action=ajaxcontac&groups="+ groups,true);
</Script>

How Can I pass more than one group to the url?

Thanks

Esailija · Accepted Answer · 2012-07-20 06:27:26Z

1

var opts = document.querySelectorAll("#groups\\[\\] option"),

    groups = [].map.call(opts, function(option) {
        if (option.selected) {
            return "groups[]=" + option.value;
        }
    }).filter(Boolean).join("&");


xmlHttp.open("POST", "?action=ajaxcontac&" + groups, true);

Demo

http://jsfiddle.net/XJLBA/1/

answered Jul 20, 2012 at 6:27

Esailija

140k24 gold badges280 silver badges328 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pavel Strakhov · Accepted Answer · 2012-07-20 06:06:10Z

1

Try this solution: Reference all selected options in a multiple list.

answered Jul 20, 2012 at 6:06

Pavel Strakhov

40.8k6 gold badges93 silver badges131 bronze badges

Collectives™ on Stack Overflow

Pass array value in javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related