Dynamically load Partial Views

Question

How can i dynamically load a Partial View?

I mean I have this view, lets say ListProducts, there I select some dropdownlists with products, etc, and wit

Answer 1

I believe you can do something like this example, just using the change event on your dropdown instead. It's a simple jQuery call, you can find more on the jQuery website.

$("#dropdown").change(function() {

    $("#destination").load("/Products/GetProduct", $(this).val(),
       function(result) {
         // do what you need to do

       });
});

The first parameter is the view you need to call for the details.

The second parameter is the selected value.

The third parameter of the $.load function is the callback function, where you can parse the result and do what you need to do.

If you have a multiple select $(this).val() that will give you an array with the selected options.

If you want only return a Json object you may want to follow this example.