Question

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

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

我假设我必须为我想要放在它下面的每个不同的文本创建一个div但是我一直都会遇到错误。我不知道该怎么办。一个例子就是很好。

谢谢。

编辑：

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

E.g。我如何在下面使用此示例并将其转换为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");
   }
}

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

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

1 个答案: