using multiselect dropdown and looping through its values using jquery

Question

I have a multiselect drop down, on selecting multiple items from it, i need to pass the value of this multiselect into an ajax file, and create divisions dynamically and load the data retreived from the ajax files into these dynamic divisions.

var itemvalues= [];

$('#MultiSelectItemID :selected').each(function(i, selected) {

itemvalues[i] = $(selected).val();

                });


$('#itemContent').html(LoadHTML);       
        $('#itemDetailsContainer').fadeIn('',function(){                    
        $('#itemContent').load('ajax_calls/item_details.php?ItemID='+$('select[name=MultiSelectItemID]').val() || [], 
        function(){
                    $(this).show('highlight');      



                    });     });

Now , i want to loop through each value in the itemvalues[] array and pass it to my php file and get the data and load it into a new division.

Please help.

Blazemonger · Accepted Answer · 2011-09-08 20:06:56Z

1

Will this do the job? (Note I 've changed "MultiSelectItemID" to simply "ItemID" and serialize()d it.)

http://jsfiddle.net/svzsY/8/

    var itemvalues = [];
    $('#itemContent').html(LoadHTML);
    $('#itemDetailsContainer').fadeIn('', function() {
        $('#itemContent').load('ajax_calls/item_details.php', ($('select[name=ItemID]').serialize() || []), function() {
            $(this).show('highlight');
        });
    });

answered Sep 8, 2011 at 20:06

Blazemonger

93.3k28 gold badges147 silver badges181 bronze badges

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

Collectives™ on Stack Overflow

using multiselect dropdown and looping through its values using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related