当下拉列表中的所选项目发生更改时,我想用数据库的数据填充表格。 我想用 JavaScript,但我不知道如何在数据库中搜索所选项目并填充表格。
最佳答案
如果您使用的是 mvc/razor,那么您的项目肯定涉及 jQuery。您可以使用 Ajax 调用 Controller 的操作,如下所示:
jQuery(document).ready(function(){
$("#YourDropDownId").change(function() {
$.ajax({
url: "YourController/PopulateDetails",
data: 'id=' + $(this).val(), // Send value of the drop down change of option
dataType: 'json', // Choosing a JSON datatype
success: function(data)
{
// Variable data contains the data you get from the action method
}
});
});
});
您的方法应返回 JsonResult:
public JsonResult PopulateDetails(string id)
{
// implementation here to return table data
.....
return Json(tableResultModel);
}
注意:如果您只是在寻找一种获取所选值的方法。 jQuery 又可以提供帮助;您可以使用:
$("#YourDropDownId option:selected").text();
或
$("#YourDropDownId").val();
关于javascript - 当下拉列表中的项目发生更改时填充表格 razor mvc3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19567469/