검도 드롭 다운 목록의 기본 표시 텍스트를 값으로 변경하는 방법은 무엇입니까?

Question

기본 위치를 표시하는 검도 드롭 다운 목록이 있습니다. 재설정을 클릭하면 드롭 다운이이 기본 위치로 기본 위치로 설정됩니다.

$("#dropDownList").val(20); 
$("#dropDownList").trigger("change"); 

그것은 내부적으로 값을 변경,하지만 표시 텍스트는 변경되지 않습니다

나는 이것을 사용하고 있습니다.

나는 다음과 같은 옵션을 시도했지만 아무것도 기본 텍스트를 변경 할 것 같다 :

$('#dropDownList option[Value=20]').attr('selected', 'selected'); 
$('select#dropDownList').val('20'); 

Answer 1

당신은 기본적으로이 다음 원하는 값으로 선택 옵션을 설정하는 원한다.

$('#dropDownList').on('change', function(){ 
    $('#dropDownList option:selected').val('20'); 
}); 

Answer 2

는 kendoDropDownList 제어를 위해, 다음을 수행해야합니다

   var data = [ 
        { text: "Black", value: "1" }, 
        { text: "Orange", value: "20" }, 
        { text: "Grey", value: "3" } 
       ]; 

       // create DropDownList from input HTML element 
       $("#dropDownList").kendoDropDownList({ 
        dataTextField: "text", 
        dataValueField: "value", 
        dataSource: data, 
        index: 0, 
        change: onChange 
       }); 

       var dropDownList= $("#dropDownList").data("kendoDropDownList"); 

       dropDownList.select(function(dataItem) { 
        return dataItem.value === "20"; //20 is selected now 
       }); 
       dropDownList.trigger("change");