如何在Kendo UI中获取Dropdown的Selected Item的文本？

Question

我正在使用Kendo UI Controls.我想在jquery中获取下拉列表的选定文本.我使用过这种语法:

 $("#ddl").data("kendoDropDownList").text();

我可以在IE以外的所有浏览器中获取文本.我不知道为什么这不适用于IE,请帮帮我.有没有其他方法可以选择文本？

Answer 1

为了获取DropDownList使用命令的文本值,如下所示:

$("#ddl").data("kendoDropDownList").text();

Answer 2

对于DropDownLists，您包括DisplayText和Value。DisplayText是用户选择的内容，而Value是后端使用的内容。

示例：您有一个数据库，用于存储联系人信息，并且该数据库中特定行的DisplayText将是Contacts Name，而Value将是Primary Keys ID字段。

ID-1个姓名-John Smith

$("#ddl").data("kendoDropDownList").dataItem().DisplayText = John Smith
$("#ddl").data("kendoDropDownList").dataItem().Value = 1

这就是我一直想做的事情，希望这也是您一直在寻找的答案。

Answer 3

当在选择事件中从下拉列表中选择一个值时，所选值可用如下，

@(Html.Kendo().DropDownList()
              .Name("booksDropDown")
              .HtmlAttributes(new { style = "width:37%" })
              .DataTextField("BookName")
              .DataValueField("BookId")
              .Events(x => x.Select("onSelectBookValue"))
              .DataSource(datasource => datasource.Read(action => action.Action("ReadBookDropDow", "PlanningBook").Type(HttpVerbs.Get)))
              .OptionLabel("Select"))

JavaScript 函数如下，

  function onSelectBookValue(e) {    

                var dataItem = this.dataItem(e.item.index());
                var bookId = dataItem.BookId; // value of the dropdown
                var bookName = dataItem.BookName; // text of the dropdown
               //other user code
}

我相信这会对某人有所帮助。

谢谢