Mixing razor and java script code for @Html.Partial()

asp.net-mvc, asp.net-mvc-4, javascript, jquery, razor

Solution

it would be better to use jQuery load() or call by ajax action in the controller, this approach described there ASP.NET MVC rendering partial view with jQuery ajax

Problem

Can anyone provide me solution for how to dynamically add some code into the page in MVC. I was doing this way but in this code the page fails to identity index javascript variable , as it is not identifying the index javascript variable. ``` $(document).on('click', '.add-option', function () { var index = $("div.ques-options").size(); if (index < 5) { $('.MainContainer').append('@Html.Partial("_Options", index)') } }); ```

Original source

Related problems