html - 从下拉选择中动态填写表格

Question

我有以下表格：

我该如何执行以下操作：

当我从选择用户下拉菜单中选择用户时，选择用户后我想动态填写下面的数据？如何在不刷新页面或加载另一个页面的情况下执行此操作？

我正在使用 ASP.NET MVC

我必须从 Select User 获取用户 ID，然后从模型中获取适当的角色

Answer 1

你可以使用 AJAX。订阅.changeDropDown 的事件，检索选定的值，对控制器操作执行 AJAX 调用，发送选定的值，该值将以 JSON 格式返回相应的列表。然后在此 AJAX 调用的成功回调中将必要的信息添加到列表中。

类似于以下内容：

$(function() {
   $('#id_of_your_users_ddl').change(function() {
       var selectedValue = $(this).val();
       var url = $(this).data('url'); // this assumes that you have appended a data-url attribute to your dropdown 
       $.post(url, { userId: selectedValue }, function(result) {
           // result will be a JSON list returned by your controller action
           // that you could use here to update your roles lists
       });
   });
});