ドロップダウンリストの選択項目をテキストボックスと同じに設定する

Question

ドロップダウンリストにテキストボックスの値を表示するにはどうすればよいですか？値は常にドロップダウンリストの項目の1つですが、クリックした後にドロップダウンリストの選択項目をテキストボックスの値に設定するにはどうすればよいですか？

$('<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; 
}); 

ようにそれを行うことができますアクションでそれを参照してください - >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： "dataItem.symbol"のシンボルはあなたのdataTextFieldです： "シンボル"