Kendo ui 将剑道UI自动完成的选定结果的ID保留在隐藏输入中

Kendo ui 将剑道UI自动完成的选定结果的ID保留在隐藏输入中,kendo-ui,Kendo Ui,我写这段代码是为了使用剑道UI自动完成。我需要在文本框中显示所选结果的标题,并将if保存在一些隐藏的输入中,我如何才能获得id。似乎选择不起作用 $("[data-autocomplete]").each(function () { var luurl = $(this).attr('data-lookupurl'); var thisElemt = $(this); $(this).kendoAutoComplete({

我写这段代码是为了使用剑道UI自动完成。我需要在文本框中显示所选结果的标题,并将if保存在一些隐藏的输入中,我如何才能获得id。似乎选择不起作用

 $("[data-autocomplete]").each(function () {
            var luurl = $(this).attr('data-lookupurl');
            var thisElemt = $(this);
            $(this).kendoAutoComplete({
                minLength: 3,
                separator: ", ",
                dataTextField: "title",
                select: function (e) {
                    var selectedOne = this.dataItem(e.item.Index());
                    console.log(kendo.stringify(selectedOne));
                },
                dataSource: new kendo.data.DataSource({
                    serverFiltering: true,
                    serverPaging: true,
                    pageSize: 20,
                    transport: {
                        read: luurl,
                        dataType: "json",
                        parameterMap: function (data) {
                            return { title: thisElemt.val() };
                        },
                        schema: {
                            model: {
                                id: "id",
                                fields: {
                                    id: { type: "id" },
                                    title: { type: "string" }
                                }
                            }
                        }
                    }
                })
            });
        });

有一个输入错误,您应该使用:e.item.index而不是e.item.index索引是小写的

因此,选择功能将是:

select       : function (e) {
    var selectedOne = this.dataItem(e.item.index());
    console.log(kendo.stringify(selectedOne));
},

有一个输入错误,您应该使用:e.item.index而不是e.item.index索引是小写的

因此,选择功能将是:

select       : function (e) {
    var selectedOne = this.dataItem(e.item.index());
    console.log(kendo.stringify(selectedOne));
},
您可以使用脚本

<script>  
$(document).ready(function () {  
  $("#categories").change(function () {  
    var url = '@Url.Content("~/")' + "Limitations/ThanaByDistrict_SelectedState";  
    var ddlsource = "#categories";  
    var ddltarget = "#target";  
    $.getJSON(url, { Sel_StateName: $(ddlsource).val() }, function (data) {  
      $(ddltarget).empty();  
      $(ddltarget).val(data);  
    });  
  });  
});  
</script> 
有关详细信息,请参见此

您可以使用脚本

<script>  
$(document).ready(function () {  
  $("#categories").change(function () {  
    var url = '@Url.Content("~/")' + "Limitations/ThanaByDistrict_SelectedState";  
    var ddlsource = "#categories";  
    var ddltarget = "#target";  
    $.getJSON(url, { Sel_StateName: $(ddlsource).val() }, function (data) {  
      $(ddltarget).empty();  
      $(ddltarget).val(data);  
    });  
  });  
});  
</script> 
有关详细信息,您可以看到以下内容,更简单的方法是:

var autocomplete = $("#autoCompleteId").data("kendoAutoComplete");
console.log(autocomplete.listView._dataItems[0]);
您可以访问autocomplete.listView中的选择数据项。\u dataItems[0]对象,更简单的方法是:

var autocomplete = $("#autoCompleteId").data("kendoAutoComplete");
console.log(autocomplete.listView._dataItems[0]);
您可以访问autocomplete.listView中的选择数据项。\u dataItems[0]对象