Конструкция материала multi select dropdown добавляет значение при нажатии кнопки с помощью jquery

Question

Так что я довольно новичок в использовании Material design, и у меня есть проблема с этим, я хочу проверить флажки или выбрать несколько вариантов из моего раскрывающегося списка с несколькими выборами, когда я нажмите кнопку, например

Если я нажму кнопку редактирования, она должна установить флажки в соответствии с данными, которые извлекаются из базы данных, и данные принимаются в массиве.

как данные со значением Дели, Гуджарат и т. Д. Следует выбирать, когда я нажимаю кнопку редактирования.

when I press the edit button I receive this is data that I have console logged

Here is how I want for it to look before and after I press the button

Что в настоящее время я делаю это:

$('#edit').on('click', function(){ 
      $('[name="multiselect"]').val(data); 
      $('[name="multiselect"]').material_select(); 
}); 

Answer 1

У меня проблема с кодом,

Проблема заключалась в том, что данные, были извлечены содержащиеся пространства, такие как: ["A", "пространства B "" пространства C "" пространства D "]

поэтому моя функция сравнивали пространства B с B

Вот почему я только получаю первое значение ,

поэтому я использовал декоративную функцию

и теперь мой код выглядит

$('#edit').on('click', function(){ 
      for (var i = 0; i < data.length; i++) 
       selectArr[i] = data[i].trim(); 
      $('[name="multiselect"]').val(data); 
      $('[name="multiselect"]').material_select(); 
});