How to display a partial view based upon dropdown selection change event in MVC

Question

1.00/5 (1 vote)

See more:

I have one transaction detail screen where user will select what type of transaction he wants to perform. Financial or non financial. In financial transaction there are sub types like cash withdrawal, check withdrawal and so on. When user enters all the details and clicked on validate transaction button, certain rules are run in the backend in the form of store procedure to determine what type of validation needs to perform based upon transaction type selected by the user and that validation type's view is getting populated on next screen. Validation type may be call customer care, ask for signature verification and so on. Now on this page there a one dropdown list which contains all the validation type. So what I want to do is, when user select any validation type from dropdown list, view for that particular validation type is needs to display. How to display that particular view based upon dropdown selection change event. I also need go fill the model at same drop down change event.

What I have tried:

I have written a jquery code on drop down change event, but stuck how to display a partial view using jquery. Also it's showing model null while displaying a view. I am not able to fill the model at the change event of drop down.

Posted 9-Aug-18 19:31pm

Telstra

Updated 14-Aug-18 7:56am

Add a Solution

Comments

F-ES Sitecore 10-Aug-18 4:29am

I just googled "display partial view jquery" and got 413,000 results. I suggest you start with at least the top 5 results and try their suggestions. If you're still stuck then post the code you have and explain what it is doing that it shouldn't and not doing that it should.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Vincent Maverick Durano · Answer 1 · 2018-08-14T07:57:00

Quote:
but stuck how to display a partial view using jquery.

Here's one way to do it:

First, define a div element.

HTML

<div id="divContainer"></div>

The div will serve as the container for your PartialView.

Now, in your jQuery code, you can load your PartialView to that container like this:

JavaScript

$("#divContainer").load("@(Url.Action("YourPartialViewActionName","YourControllerName", new { id = TheIDParameterValueThatYouWantToPassInYourAction  }))");

Alternatively, you can use the jQuery .html() function to load your PartialView just like what is demonstrated here: https://www.c-sharpcorner.com/UploadFile/d551d3/how-to-load-partial-views-in-Asp-Net-mvc-using-jquery-ajax/

Gerry Schmitz · Answer 2 · 2018-08-10T11:14:00

Solution 1

Redirect Page based on dropdown information in ASp.NET mvc - Stack Overflow[^]

Posted 10-Aug-18 11:14am

Gerry Schmitz