jquery getting each individual value from array

Question

I have a multiselect dropdown and when the users selects either individual items or by pressing ctrl or shift I would like to capture the items and store them in an array, which afterwards take each value in the array and do some other things with it. I have accomplished the first part which is this:

var selectValues = new Array();
$('#ddlBProduct').change(function () {
    selectValues = [];
    selectValues.push($(this).val());
    MyFunction();
});

function MyFunction(){
    $.each(selectValues, function () {
        var theitem = $('#' + this).html();
   });
}

no in that function MyFunction for some reason i keep getting all the values as 1 value instead of each individual on. What I am assuming is that the "individual" value in the array is actually a list of all of the selected option instead of separating them into the array. help?

EDIT: removing the

selectValues = [];

results in this:

["81"] 
["81"] 
["81", "102"] 
["81"] 
["81", "102"] 
["81", "102", "30"]

and thats when selecting one option and pressing shift and selecting more items.

Have you seen this: http://stackoverflow.com/questions/4753407/jquery-multiselect-drop-down-menu ? — David Tansey, Aug 11 '13 at 04:35
thanks looks pretty cool but I'd rather not use plugins, it would seem this shouldn't be this hard. — Andres, Aug 11 '13 at 04:43

pdoherty926 · Answer 1 · 2013-08-11T04:53:00.200

0

Try this:

$('select').change(function () {
    var selected_options = $(this).parent().find('option:selected');
    myFunction($.map(selected_options, function (selected_option) { return selected_option.value; }));
});

function myFunction(selectValues){
    console.log(selectValues)
    $.each(selectValues, function () {        
        var theitem = $('#' + this).html();
    });
}

Fiddle

edited Aug 11 '13 at 04:53

answered Aug 11 '13 at 04:32

pdoherty926

9,895
4
37
68

Arun P Johny · Accepted Answer · 2013-08-11T04:55:58.337

0

Try

var selectValues = new Array();
$('#ddlBProduct').change(function () {
    selectValues = $(this).val();
    MyFunction();
});

function MyFunction(){
    $.each(selectValues, function(idx, val){
        console.log('value: ', val)
    })
}

Demo: Fiddle

edited Aug 11 '13 at 04:55

answered Aug 11 '13 at 04:47

Arun P Johny

384,651
66
527
531

and how do i iterate through each one to get each individual value? – Andres Aug 11 '13 at 04:51

jquery getting each individual value from array

2 Answers2