javascript - 当下拉列表中的项目更改时填充表格razor mvc3

Question

当我的下拉列表中的选定项目发生更改时，我想用我的数据库的数据填充一个表。我认为使用 javascript 但我不知道如何在我的数据库中搜索所选项目并填写表格。

Answer 1

如果您使用的是 mvc/razor，那么您的项目肯定会涉及 jQuery。您可以像这样对控制器的操作使用 Ajax 调用：

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();