TEST: Keep menu selection throw views

I'm using mvc to go to an index that returns a partial view then render it in the body of a layout, then the different parts of the view (edit, add, delete)I use ajax and angular to render different parts of it. So I've got one index with different parts (edit, delete, add) that render the corresponding components and update them throw ajax. The thing is that I only want to render the section in the layout corresponding to the partial view, I mean in the renderbody() where the partial is rendered. But I dont want the header of the layout to to postback in order to mantain the options selected.

Here is an image:

enter image description here

This is the layout, the usual mvc layout:


<!DOCTYPE html>
<html lang="es">
<head>
</head>
<body>
    <header>
        <div class="content-wrapper">
            <div class="float-left">
                <p class="site-title">
                 @Html.ActionLink("su logotipo aquí", "Index", "Home")</p>
            </div>
        </div>

        <select>
            <option>Option 1</option>
            <option>Option 2</option>
        </select>
    </header>
    <div id="body">
        @RenderSection("featured", required: false)
        <section class="content-wrapper main-content clear-fix">
           @RenderBody()
        </section>
    </div>
    <footer>
        <div class="content-wrapper">
            <div class="float-left">
                <p>&copy; @DateTime.Now.Year - Mi aplicación ASP.NET MVC</p>
            </div>
        </div>
    </footer>

    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)
</body>

My View:


@{
 Layout = "~/Views/Shared/_Layout.cshtml";
 }

 <h2>holaaaaaaaaaaaaaaaaaa</h2>

My controller:


    public ActionResult Index()
    {
        return PartialView();
    }

In short: I need to know how to use partial views, to render it in the layout, mantaining the options selected and not doing post back to better look of the page.