c# - Populate Telerik Drop-down list based on what is selected in other list -

i have telerik drop-down list want populate based on selected 1 other drop-down list.

for eg:

if select "numbers" ddl1 wan display 1 through 10 in ddl2, if select "alphabets" ddl1 want display through z in ddl2.

here how populate ddl1:

    <%= html.telerik().dropdownlist().name("type")     .htmlattributes(new { @id = "type" })     .items(items => {         items.add().text("").value("");         items.add().text("numbers").value("numbers");         items.add().text("alphabets").value("alphabets");             })%>     

you can this:

view:

<p>   <%: html.label("type") %>   <%: html.telerik().dropdownlist().name("type")     .htmlattributes(new { id = "type" })     .items(items => {         items.add().text("").value("");         items.add().text("numbers").value("1");         items.add().text("alphabets").value("2");     })     .cascadeto("values")   %>     </p> <p>   <%: html.label("values" %>   <%: html.telerik().dropdownlist().name("values")     .htmlattributes(new { id = "values" })      .databinding(b => b.ajax().select("getdropdownvalues", "home"))   %>        </p> 

controller:

public class homecontroller : controller {     public actionresult index()     {         return view();     }      [httppost]     public jsonresult getdropdownvalues(int? type)     {         var values = new list<string>();         switch (type)         {             case 1:                 values = enumerable.range(1, 10).select(n => n.tostring()).tolist();                 break;             case 2:                 values = "abcdefghijklmnopqrstuvwxyz".tochararray().select(c => c.tostring()).tolist();                 break;         }          return json(new selectlist(values));     } }