@model WebApplication6.Models.TenantsSale
        @{
            ViewData["Title"] = "TenantSalesIndex";
            Layout = "~/Views/Shared/_Layout.cshtml";
        } 
        <h2>set the route parameter via the page model</h2><br />
        <a id="xyz" class="c-header-nav-link text-black-50" asp-controller="Home" asp-action="Index" 
            asp-route-tenants_pid="@Model.tenants_pid" 
            asp-route-users_pid="@Model.users_pid" 
            asp-route-sales_type="@Model.sales_type">Link A</a><br />

        <h2> set the route parameter via the code block</h2><br />
        @{
            var users_pid = 1002;
            var sales_type = "TypeB";
        }
        <a id="xyz" class="c-header-nav-link text-black-50" asp-controller="Home" asp-action="Index" 
            asp-route-tenants_pid="@Model.tenants_pid" 
            asp-route-users_pid="@users_pid" 
            asp-route-sales_type="@sales_type">Link B</a><br />

        <h2> set the route parameter via the JS</h2><br />
        <div class="row">
            <div class="col-md-4">  
                    <div class="form-group">
                        <label class="control-label">New Users_Pid</label> 
                        <input id="txtuser_pid" class="form-control" value="" /> 
                    </div>
                      <div class="form-group">
                        <label class="control-label">New Sales_type</label> 
                        <input id="txtsales_type" class="form-control" value="" /> 
                    </div> 
                    <div>
                        <div class="form-group"> 
                             <a id="xyz_js" class="c-header-nav-link text-black-50"
                                asp-controller="Home" asp-action="Index" 
                                asp-route-tenants_pid="@Model.tenants_pid">Link C</a>
                        </div>
                    </div>
            </div>
        </div> 
        @section Scripts {
            @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
            <script>
            $(function(){
                $("#txtuser_pid").change(function(){ 
                    var newuser_pid = $("#txtuser_pid").val();
                    var originalurl = $("#xyz_js").attr("href");
                    var updatedurl = originalurl + "&users_pid=" + newuser_pid;
                    $("#xyz_js").attr("href",updatedurl)
                });
               $("#txtsales_type").change(function(){ 
                    var newsales_type = $("#txtsales_type").val();
                    var originalurl = $("#xyz_js").attr("href");
                    var updatedurl = originalurl + "&sales_type=" + newsales_type;
                    $("#xyz_js").attr("href",updatedurl)
                });

                //Or use the following code 
                //$("#xyz_js").click(function(){
                //    event.preventDefault();
                //    var newuser_pid = $("#txtuser_pid").val();
                //    var newsales_type = $("#txtsales_type").val();
                //    var originalurl = $("#xyz_js").attr("href");
                //    var updatedurl = originalurl + "&users_pid=" + newuser_pid + "&sales_type=" + newsales_type;
                //    window.location.href = updatedurl;
                //});
            });
            </script>

        }