[Solved] how to populate one dropdownlist on change event of other dropdownlist in grid

[saroj]

I have a grid inside which i have two dropdown lists.
I want the functionality by which if i change value of first ddl then related to that value, second ddl should populate.

Change event of first ddl is fired but what to write inside that jquery.
Simultaneously I am using editor template for both ddls.

i am doing smthing like this but not working:

function onTypeChange(e) {
var idDept = 2; 
            getBranches(idDept);
    }   
    function getBranches(idDept){
        $.ajax({
            url: "@Url.Action("GetBranchList", "FleetEdit")",
            data: {departmentId: idDept},
            dataType: "json",
            type: "POST",            
            success: function (myData){
                var items= "";
                items += "<option value=\"\">" + "" + "</option>";

                $.each(myData, function(i,item){
                    items += "<option value=\"" + item.Value + "\">" + item.Text + "</option>";
                });
                $('#Parentform.t-edit-form').find('#Fleet').closest('div.t-dropdown').html(items);
            }
        });
    }

Fleet is the name of editor template of second ddl.

Please reply soon if anybody has the solution...!!!
Thanks in advance.

[Petur Subev]

Hi Saroj,

I attached a sample project which implements a Grid with two columns which are using DropDownList for editor templates. The OnChange event of the first makes a request to the server which result is used to populate the data of the second DropDownList.
I hope this helps you, use it as a base point for more complex logic.

All the best,
Petur Subev
the Telerik team

[saroj]

Hi Petur

Thank you very much for your quick reply which works perfect as I wanted.
Thanks again.