jQuery：如何按 class 名称循环 kendo ui 下拉菜单？

Question

我正在尝试通过 class 名称

获取 kendo ui 的所有 id 和 selected values 下拉菜单

我已经尝试过以下方法但没有成功

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

UI 是通过循环生成的

@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>"/>
   }

那么我如何 select 所有下拉列表 class 名称 payType 以及以后

将 selected id 名称和值添加到数组中？

Answer 1

您需要获取要玩的小部件实例：

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

selectedOption 将包含您需要的所有数据。

Demo

jQuery：如何按 class 名称循环 kendo ui 下拉菜单？

jQuery: How to loop throught of kendo ui dropdowns by class name?

javascript

jquery

kendo-ui