Получение всех выбранных val () из контейнера с множественным выбором за свой клик: событие?

Question

В следующем множественный выбор Мне нужно получить выбранные значения, выбранные из множества раскрывающихся списков на одной странице.У меня есть общая установка обработчика событий, в которой, если щелкнуть выделение на любом из множества элементов на странице, он запускает общее событие.Две проблемы / вопросы:

1) Как узнать, из какого мультиселектора (#Name) произошло событие?2) Как я могу получить .val () из функции множественного выбора, если событие происходит из того же контейнера?

// generic event for all multiselect
$("select").multiselect({
    click: function (event, ui) {
        // 1 - What multiselect container?
        // 2- Get the list of selected values
        var vals = $('#CNames').val();  // This doesn't work if the event was fired from #CNames..null.
        var vals = $('#CAreas').val();  // This works if the event came from #CNames.

Answer 1

Код от aliz должен работать. Попробуйте связать их так, как показано в документации:

$("select").bind("multiselectclick", function(event, ui){
    var values = [];
    $('select').each(function() {
        $.merge(values, $(this).val());
    }
    alert(values);
});

Answer 2

Вы, вероятно, можете получить идентификатор выбора, который был нажат с

var name = $(this).attr('id');

и значения всех выборов с помощью

var values = [];
$('select').each(function() {
    $.merge(values, $(this).val());
});

или текущий выбор с помощью

var values = $(this).val();