剣道ドロップダウンリストのデフォルト表示テキストを値で変更するにはどうすればよいですか？

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");