Telerik 在ComboBox上选择相应的密码ID时在文本框中显示说明

我尝试创建一个文本框，当用户在组合框上选择相应的id时，该文本框显示描述。或者在同一个组合框中显示ID-Description

---

您知道如何实现这一点吗？

使用Telerik控件可在下面找到

剃须刀

@（Html.Kendo（）.DropDownList（））
.名称（“颜色”）
.DataTextField（“文本”）
.DataValueField（“值”）
.事件（e=>e.Change（“Change”））
.BindTo（新列表（）{
新建SelectListItem（）{
Text=“黑色”，
Value=“1”
},
新建SelectListItem（）{
Text=“橙色”，
Value=“2”
},
新建SelectListItem（）{
Text=“Grey”，
Value=“3”
}
})
.价值（“1”）
.HtmlAttributes（新的{style=“width:100%”）
)
@Html.Kendo（）.TextBox（）.Name（“txtColor”）

剧本

函数更改（）{
$（“#txtColor”）.val（$（“#color”）.val（））；
}

<div class="row">
    <div class="col-md-8">
        @(Html.Kendo().DropDownList()
                         .Name("color")
                         .DataTextField("Text")
                         .DataValueField("Value")
                         .Events(e => e.Change("change"))
                         .BindTo(new List<SelectListItem>() {
          new SelectListItem() {
              Text = "Black",
              Value = "1"
          },
          new SelectListItem() {
              Text = "Orange",
              Value = "2"
          },
          new SelectListItem() {
              Text = "Grey",
              Value = "3"
          }
                         })
                         .Value("1")
                         .HtmlAttributes(new { style = "width: 100%" })
        )
    </div>

<div class="col-md-4">
        @Html.Kendo().TextBox().Name("txtColor")
    </div>
</div>

<script>
    function change() {
        $("#txtColor").val($("#color").val());
    }
</script>