jQuery: Как вычислить выпадающие списки kendo ui по имени класса?

Question

Я пытаюсь получить все id и selected values выпусков kendo ui по имени класса

Я пробовал такие вещи, как следующие безуспешно

var values = [];
$('.payType option').each(function () { 
    debugger;
    values.push( $(this).attr('value') );
});

Пользовательский интерфейс генерируется через al oop

@foreach (var item in Model)
   {
      <kendo-DropDownList id="@item.ItemId" 
              class="payType" value="@item.ItemValue"
              datavaluefield="Value" datatextfield="Text" 
              auto-bind="true" 
              bind-to="@ViewData["List"] as IEnumerable<ComboModel>"/>
   }

Так как я могу выбрать все выпадающие списки по имени класса payType и позже,

добавить выбранные имена и значения идентификаторов в массив

Answer 1

Вам нужно получить экземпляр виджета для игры:

$('select.payType').each(function() {
    let selectedOption = $(this).data('kendoDropDownList').dataItem();
    // Play with selectedOption as you like
});

selectedOption будет содержать все необходимые данные.

Демо