Question

如何让我的下拉列表显示文本框中的值？该值始终是下拉列表中的项目之一，但是如何在单击后将下拉列表的选定项目设置为等于我的文本框的值？

 $('<input  name="Product Name" data-type="string" \>')
     .appendTo(container)
     .kendoDropDownList({
         dataSource: mydata,
         dataTextField: "Text",
  });

Answer 1

据我所知，你想要完成什么，你可以这样做

var selectList = document.getElementById('selectList');
selectList.addEventListener('change', function() {
    var selectedVal = selectList.value;
    var inputText = document.getElementById('textInput');
  inputText.value = selectedVal;
});

在行动中查看 - ＆gt;的 Fiddle

Answer 2

尝试这样的事情（它只是如何设置价值的一个例子）

$("#Instrument").kendoDropDownList({
  dataTextField: "symbol",
  dataValueField: "symbol",
  dataSource: data,
  index: 0
});

var dropdownlist = $("#YourId").data("kendoDropDownList");    
dropdownlist.select(function (dataItem) {
    return dataItem.symbol === "Your value from input or whatever";
});

PS：in＆＃34; dataItem.symbol＆＃34; symbol是您的dataTextField：＆＃34;符号＆＃34;

将选定的下拉列表项设置为等于文本框

2 个答案: