使用 JavaScript 或 Jquery 从 kendo 下拉列表中获取值/文本对很热门答案

【问题标题】：Hot to get value/text pairs form kendo dropdown using JavaScript or Jquery使用 JavaScript 或 Jquery 从 kendo 下拉列表中获取值/文本对很热门
【发布时间】：2015-07-28 10:49:08
【问题描述】：

我正在使用剑道下拉菜单：

HTML：

<input id="field_timezone" style="width: 275px;" tabindex="4">

JS：

resultList = $.parseJSON(response.d);   //data via ajax call

$("#field_timezone").kendoDropDownList({
    dataTextField: "TimeZoneDescription",
    dataValueField: "TimeZoneID",
    dataSource: resultList,
    optionLabel: {
        TimeZoneDescription: "Choose",
        TimeZoneID: ""
    }
});

我正在尝试查找下拉菜单中应显示哪些值/文本对。

我试过了：

alert(JSON.stringify($('#field_timezone').data('kendoDropDownList').dataSource.data()));

或者

alert(JSON.stringify($('#field_timezone').data('kendoDropDownList').dataSource._data));

给出了用于数据源的列表，但它缺少“选择”选项，并且没有选项来找出哪些字段用于值或文本。

【问题讨论】：

标签： javascript jquery kendo-ui kendo-dropdown

【解决方案1】：

这是正确的。 DataSource 不应该包含optionLabel 数据，因为它实际上不是数据。您可以通过以下方式访问选项属性：

$('#field_timezone').data('kendoDropDownList').options.optionLabel

要直接获取选项标签，试试这个：

var ddl = $('#field_timezone').data('kendoDropDownList');
var option = ddl.options.optionLabel[ddl.options.dataTextField];

【讨论】：