Изменение раскрывающегося списка выбора при выборе другого элемента раскрывающегося списка RAZOR

У меня есть раскрывающийся список, содержащий список компаний, и еще один раскрывающийся список, содержащий список филиалов компании. Мне нужно, чтобы раскрывающийся список ветвей зависел от выбранного элемента компании. Поэтому, когда пользователь выбирает компанию 1 из раскрывающегося списка, раскрывающийся список ветвей должен заполнять список ветвями, которые находятся в компании 1. Я не знаю, как это сделать. Вот как выглядят мои выпадающие списки:

            <tr>
                <td class="search-label">
                    @Html.Label("Company: ")
                </td>
                <td>
                    @Html.DropDownList("cono", (List<SelectListItem>)ViewBag.CompanyList)
                </td>
            </tr>
            <tr>
                <td class="search-label">
                    @Html.Label("Branch: ")
                </td>
                <td>
                    @Html.DropDownList("branch", (List<SelectListItem>)ViewBag.BranchList)
                </td>
            </tr>

Вот мое действие:

    [HttpGet]
    public ActionResult Default()
    {
        var currentUserCono = GetCurrentUserCono();
        //Set the Viewbags to populate the drop down menus on the view
        if (Session["cono"] != null)
        {
            currentUserCono = (int)Session["cono"];
        }
        ViewBag.CompanyList = _selectListLib.GetCompanies(currentUserCono);
        ViewBag.BranchList = Session["branch"] != null ? _selectListLib.GetBranches(currentUserCono,(string)Session["branch"]) : _selectListLib.GetBranches(currentUserCono);
        ViewBag.StatusTypeList = Session["statustype"] != null ? _selectListLib.GetStatusTypes((bool)Session["statustype"]) : _selectListLib.GetStatusTypes();

        return View();
    }