2014-03-06 60 views
0

我有一個使用Kendo UI爲ASP .NET MVC4製作的下拉列表/組合框。在kendo UI組合框中進行選擇時,如何顯示特定文本?

現在對於每個選擇/選擇我從組合框中選擇,我希望爲每個選項顯示不同的文本。例如。選擇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> 

+0

關於如何添加新div的任何想法? –

回答

0

E.g

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

我想你可以做類似的東西那樣。

+0

什麼是文本?它不識別文本?我想我最大的問題是,如何在下拉列表中打印出我需要的字符串?我嘗試使用document.write,但重定向到我想要的字符串的新頁面。如何在下拉列表中打印它? –

相關問題