使用Ajax更新两个下拉式过滤器C#MVC的值
我开发了一个mvc web应用程序,其中有一个包含数据的表格,我可以通过两个下拉列表进行筛选(一个下拉列表可以选择数据的值状态,另一个下拉列表可以选择数据是否关闭时的值-是/否),我可以选择这两个下拉列表,如果我按下“提交”按钮进行筛选,则可以正常工作。现在我想实现一些ajax调用,比如当我选择一个下拉列表的值时,自动更新结果表,但我无法将下拉列表的值传递给控制器,有人能帮我吗,谢谢使用Ajax更新两个下拉式过滤器C#MVC的值,c#,jquery,asp.net,ajax,model-view-controller,C#,Jquery,Asp.net,Ajax,Model View Controller,我开发了一个mvc web应用程序,其中有一个包含数据的表格,我可以通过两个下拉列表进行筛选(一个下拉列表可以选择数据的值状态,另一个下拉列表可以选择数据是否关闭时的值-是/否),我可以选择这两个下拉列表,如果我按下“提交”按钮进行筛选,则可以正常工作。现在我想实现一些ajax调用,比如当我选择一个下拉列表的值时,自动更新结果表,但我无法将下拉列表的值传递给控制器,有人能帮我吗,谢谢 <table id="tb2"> <tr> <t
<table id="tb2">
<tr>
<th>
<h4> LIST : @Html.DropDownList("stato", "ALL ")</h4>
</th>
<th>
<h4>ARCHVIED : @Html.DropDownList("closed", "ALL ")</h4>
</th>
<th>
<input type="submit" value="Filter" class="btn btn-info" />
</th>
</tr>
</table>
但它不起作用,我是ajax新手,需要一些帮助更改您的html在单击按钮时给出一个方法。为这两个下拉列表提供Id,然后编写ajax函数,如下面所示
function YourMethod() {
var drpdown1= $("#Dropdown1Id").val();
var drpdown2= $("#Dropdown2Id").val();
$.ajax({
type: "GET",
url: "/ControllerName/Filter",
data: { stato: drpdown1,closed:drpdown2},
success: function(res) {
//Your work here
}
})
}
更改您的html,并在单击按钮时提供一个方法。为这两个下拉列表提供Id,然后编写ajax函数,如下面所示
function YourMethod() {
var drpdown1= $("#Dropdown1Id").val();
var drpdown2= $("#Dropdown2Id").val();
$.ajax({
type: "GET",
url: "/ControllerName/Filter",
data: { stato: drpdown1,closed:drpdown2},
success: function(res) {
//Your work here
}
})
}
请添加您的jQuery代码。这里我们想帮助您解决这个问题。请提供您的尝试。您可以使用本指南“如何提出一个好问题?”来改进您的问题。这里:我已经更新了我的问题,您能看看它是否正确吗?请添加您的jQuery代码。这里我们想帮助您解决这个问题。请提供您的尝试。您可以使用本指南“我如何提出一个好问题?”来改进您的问题。这里:我更新了我的问题,你能看看它是否正确吗?我想删除submit botton,只使用下拉列表的更改值,然后在下拉列表中添加onChange YourMethod我想删除submit botton,只使用下拉列表的更改值,然后在下拉列表中添加onChange YourMethod
function YourMethod() {
var drpdown1= $("#Dropdown1Id").val();
var drpdown2= $("#Dropdown2Id").val();
$.ajax({
type: "GET",
url: "/ControllerName/Filter",
data: { stato: drpdown1,closed:drpdown2},
success: function(res) {
//Your work here
}
})
}