从下拉列表和过滤表中获取日期ajax [关闭](took date from dropdownlist and filter table by ajax [closed])

伙计们对ajax有一点问题。我在视图上有两个动作

<body> @Html.Action("SetSearchFilter") @Html.Action("FillTable") </body>

First Action是DropDownList

@Html.LabelFor(m => m.Manager, new { @class = "control-label" }) @Html.DropDownList("SearchingManagerId", new SelectList(Model.Managers, "UserId", "PrettyFullName", Model.SelectedValueManager), string.Empty, new { style = "width: 200px" })

第二个是由表格形成的

public PartialViewResult FillTable(int year, int? ManagerId) { int currentUserId = (int)Session["CurrentUserId"]; return PartialView("_QualificationTable", planService.GetQualificationViewModel(year.ToString(), currentUserId,ManagerId)); }

我如何通过ajax过滤，从dropdownlist获取数据并将其带到表中？我想我应该使用像这样的smth

$("#DropDownListId").on("change", function () { var valueForSearch = //How i can get?; $.ajax({ url: '@Url.Action("FillQualificationTable")', dataType: 'html', async: false, data: { year: currentYear, ManagerId: valueForSearch }, beforeSend: showSpinner, success: function (data) { $('#tableid').html(data); }, complete: hideSpinner, });

我第一次使用ajax，所以有一些问题=（DDList中的值看起来像这样

Guys have a little problem with ajax.I have 2 actions on view

<body> @Html.Action("SetSearchFilter") @Html.Action("FillTable") </body>

First Action is a DropDownList

@Html.LabelFor(m => m.Manager, new { @class = "control-label" }) @Html.DropDownList("SearchingManagerId", new SelectList(Model.Managers, "UserId", "PrettyFullName", Model.SelectedValueManager), string.Empty, new { style = "width: 200px" })

Second is a Table formed by

public PartialViewResult FillTable(int year, int? ManagerId) { int currentUserId = (int)Session["CurrentUserId"]; return PartialView("_QualificationTable", planService.GetQualificationViewModel(year.ToString(), currentUserId,ManagerId)); }

How i can filtering by ajax,get data from dropdownlist and took it to table?I think i should use smth like this

$("#DropDownListId").on("change", function () { var valueForSearch = //How i can get?; $.ajax({ url: '@Url.Action("FillQualificationTable")', dataType: 'html', async: false, data: { year: currentYear, ManagerId: valueForSearch }, beforeSend: showSpinner, success: function (data) { $('#tableid').html(data); }, complete: hideSpinner, });

I working with ajax first time,so have some problems =( values in DDList looks like this

最满意答案

使用jquery“this”

$("#DropDownListId").on("change", function () { var valueForSearch = $(this).val(); $.ajax({ url: '@Url.Action("FillQualificationTable")', dataType: 'html', async: false, data: { year: currentYear, ManagerId: valueForSearch }, beforeSend: showSpinner, success: function (data) { $('#tableid').html(data); }, complete: hideSpinner, });

看看例子

Use jquery "this"

$("#DropDownListId").on("change", function () { var valueForSearch = $(this).val(); $.ajax({ url: '@Url.Action("FillQualificationTable")', dataType: 'html', async: false, data: { year: currentYear, ManagerId: valueForSearch }, beforeSend: showSpinner, success: function (data) { $('#tableid').html(data); }, complete: hideSpinner, });

Look example

更多推荐