Как получить значения параметра множественного выбора с динамическим идентификатором?

Question

У меня есть несколько множественных выпадающих списков на моей странице. Поэтому мне нужно получить значения этого множества выбранных опций с помощью id. Вот идентификатор для конкретного элемента будет сгенерирован динамически.

Я переберу массив, затем

var value = $('#' + arrayObj[i]+'option:selected').val();

Я не могу получить значение выбранного параметра. Вместо его показа undefined

Answer 1

Вот как вы могли бы достичь этого.Надеюсь, это поможет.

const selectList = [
  {id: 'list1', options: ['a', 'b', 'c']}
];
selectList.map(select => {
  let list = '<select id="' + select.id + '" multiple></select>';
  $('#lists-container').append(list);
  select.options.map(option => {
    $('#' + select.id).append('<option>' + option + '</option>');
  });
  
  $('#' + select.id).on('change', evt => {
     let result = '';
     $(evt.target).children('option:selected' ).each(function() {
      result += $( this ).text();
    });
    $("#results").text(result);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="lists-container"></div>
<div id="results"></div>