在 kendo UI 组合框下进行选择时，如何显示特定文本？

Question

我有一个使用 Kendo UI for ASP .NET MVC4 制作的下拉列表/组合框。

现在，对于我从组合框中选择的每个选项/选项，我希望为每个选项显示不同的文本。例如。选择 1（组合框下方的文本应该是单词 1），对于选择 2（文本读取单词 2）等...

我假设我必须为要放在它下面的每个不同文本创建一个 div，但我不断收到错误。我不确定如何进行。举个例子就好了。

谢谢。

编辑：

我找到了一个 javascript 示例来说明我的意思：

例如我将如何采用下面的这个例子并为 Kendo UI 扭转它？ http://jsfiddle.net/b6ydm/

<script type="text/javascript">
function dropdownTip(value){
console.log(value);
    document.getElementById("result").innerHTML = value;
}</script>

<select onChange="dropdownTip(this.value)" name="search_type" style="margin-right:10px;    margin-top:2px;">
<option selected="selected" value="fruit_search">fruits</option>    
<option value="veggies_search">veggies</option>
<option value="animals_search">animals</option>
<option value="all_search">all</option>

Answer 1

例如

<td>
  @(Html.Kendo().DropDownListFor(model => model.ViewModel.sType)
                      .HtmlAttributes(new {@class = "DropDown"})
                      .DataTextField("Text")
                      .DataValueField("Value")
                      .BindTo(Model.sList)
                      .Events(onselect => onselect.Change("ChangeEvent"))
                      )
                </td>
<span id="changingtext"></span>

function ChangeEvent(e){
   var value = this.value();
   // Use the value of the widget
   if( value == "choice1"){
        $('#changingtext').text("word1");
   }
}

我猜你可以做类似的事情。