CODEWITHSUNDEEP
jquerylistbox
DCShannon
DCShannon

Reputation: 2614

Get a List of the Selected Values in a ListBox

There's already a question with a ton of votes for getting the selected value from a dropdown using jQuery here.

That answer almost works for a listbox, but if multiple values are selected, the result is a single string with all the values concatenated. This is not useful. I need a collection (list, array, whatever) of the text values for each selected option.

At the moment I'm thinking I'll use most of the answer from that other question, but without the .text() at the end, and then iterate through the matches. Better ideas?

Upvotes: 9

Views: 38923

Answers (2)

Sadikhasan
Sadikhasan

Reputation: 18600

You can take multiple selected text by iterating loop as mentioned below.

$('#f1').click(function(){    
   var rr = []; 
   $('.selectpicker :selected').each(function(i, selected){ 
        rr[i] = $(selected).text(); 
    });
    alert(rr);
});

OR if you want to using it's value then simply write.

$('.selectpicker').val();

Demo

Upvotes: 15

Butani Vijay
Butani Vijay

Reputation: 4239

You can use as below :

var selectedVal= []; 
$('#multiple :selected').each(function(i, selected){ 
   selectedVal[i] = $(selected).text(); 
   alert(selectedVal[i]);
});

Here is Tutorial and example

Upvotes: 1

Related Questions