Uzyskaj każdą wybraną wartość za pomocą wybranej wtyczki jquery

Question

Używam wybieralnego wielokrotnego wyboru Chcę, aby użytkownik wybrał dowolną opcję, którą chcę uzyskać, a następnie wykona jakąś funkcję w zależności od tej wartości.

W wybranym bez wielokrotnego wyboru mogę uzyskać wybraną wartość za pomocą przycisku. Kod

$(".selectId").chosen().change(function(){ 
    selectedValue = $(this).find("option:selected").val(); 
}); 

Ale w wielu wybierz dostanę pierwszą wybraną wartość ponownie n ponownie Czy ktoś może mi pomóc znaleźć aktualną wybraną wartość w wielu select elementu ??

Answer 1

Chosen documentation wymienia parametry dla uzyskania ostatnio zmienione zmienne.

Chosen triggers the standard DOM event whenever a selection is made (it also sends a selected or deselected parameter that tells you which option was changed).

Tak więc, jeśli chcesz po prostu najnowsza opcja wybrana lub odznaczone:

$(".selectId").chosen().change(function(e, params){ 
// params.selected and params.deselected will now contain the values of the 
// or deselected elements. 
}); 

W przeciwnym razie, jeśli chcesz cały wachlarz pracować z was może używać:

$(".selectId").chosen().change(function(e, params){ 
values = $(".selectId").chosen().val(); 
//values is an array containing all the results. 
}); 

Answer 2

kod jest poprawny gettin wybraną wartość .. ale ponieważ jej wielokrotność trzeba użyć loop..or używać map uzyskać wybraną wartość i wcisnąć go do tablicy ..

spróbować tej

$(".selectId").chosen().change(function(){ 
    var selectedValue = $.map($(this).find("option:selected").val(), function(n){ 
       return this.value; 
     }); 
    console.log(selectedValue); //this will print array in console. 
    alert(seletedValue.join(',')); //this will alert all values ,comma seperated 
}); 

aktualizowane

jeśli commaseperated uzyskiwanie wartości użyj split()

var values= $(".selectId").val(); 
$.each(values.split(',').function(i,v){ 
    alert(v); //will alert each value 
    //do your stuff 
} 

Answer 3

spróbować tej

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

var value = $(selected).val(); 
var text = $(selected).text(); 

}); 

Answer 4

Krótka odpowiedź:

po prostu to zrobić: var myValues = $('#my-select').chosen().val();

Pełny przykład:

Jeśli masz select-wielokrotność jak to:

<select id="my-select" class="chzn-select" multiple data-placeholder="Choose one or more values..."> 
    <option value="value1">option1</option> 
    <option value="value2">option2</option> 
    <option value="value3">option3</option> 
</select> 

można uzyskać wybrane wartości w tablicy, aby wykonać następujące czynności:

// first initialize the Chosen select 
$('#my-select').chosen(); 

// then, declare how you handle the change event 
$('#my-select').chosen().change(function(){ 
    var myValues = $('#my-select').chosen().val(); 

    // then do stuff with the array 
    ... 
});