I have created a dropdown list/combo box using Kendo UI for ASP .NET MVC4.
For each selection I make from the combo box, I want different text to appear underneath. For example, if I choose Option 1, then the text should display "Word 1", and so on.
I believe I need to create a separate div for each text that I want to display, but I am encountering errors in doing so. Can someone provide an example or guide me on how to proceed?
Thank you.
EDIT:
I came across a JavaScript example that demonstrates what I am trying to achieve:
How can I implement the functionality in this example for Kendo UI? You can find the example code here: 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>