Change data in dropdownlist with ajax,jquery mvc

Question

I have a dropdownlisftFor that populate some data from the database that is filtered, and a checkbox. The idea is that, when i uncheck the checkbox, I want to change the data, that is populated in the dropdownbox, with the data of the database without the filter.

Which is the good approach to make this?

Answer 1

Ajax和jQuery将是简单而更好的方法。

Answer 2

Suggested method would be to load your dropdown list as a separate action with a bool parameter of filtered . you can call this in your view with @Html.Action("DropDownList", new {filtered = true})

Then when you uncheck the check box call a function that replaces the dropdown with the action with unfiltered data.

$("#myCheckBox").click(function() {
    if($("#myCheckBox").attr("checked") == "checked"){
        $("#divContainingDropDown").load("../path/to/dropdown/action?filtered=true")
    } else {
        $("#divContainingDropDown").load("../path/to/dropdown/action?filtered=false")
    }
}

This function will work for filtering and unfiltering the data in your list.