Прикрепление изменения слушателя в Jquery подобранный выбирает в цикле, не работает

Question

Я пытаюсь инициализировать множественным выбрали выбрать в цикле:

var arr = ["#key1", "#key2"]; 

for (var p in arr) { 
    $(arr[p]).chosen().change(function() { 
     console.log($(arr[p]).chosen().val()); 
    }); 
} 

где элементы:

<div> 
    <select multiple="" id="key1"> 
     <option value="A1">A1</option> 
     <option value="B1">B1</option> 
    </select> 
</div> 
<div> 
    <select multiple="" id="key2"> 
     <option value="A2">A2</option> 
     <option value="B2">B2</option> 
    </select> 
</div> 

проблема в том, что последний обработчик события «change» привязан ко всем элементам выбора. Например, выбор элемента из «key1» печатает null, так как .chosen().val() получает значения из «key2». Какие-либо предложения?

На самом деле я хотел, чтобы сохранить выбранные значения каждого выбран в различные области, например, в этом объекте:

var selected_values = { 
    selected_keys1 : {}, 
    selected_keys2 : {} 
} 

Answer 1

Вам не нужен цикл, чтобы сделать это. Вы можете извлечь оба элемента, разделив селектор id запятой. В обработчике change вы можете ссылаться на элемент, который поднял событие, используя ключевое слово this. Попробуйте это:

$("#key1, #key2").chosen().change(function() { 
    console.log($(this).val()); 
}); 

Example fiddle