从下拉选择中动态填写表单

Question

我有以下表格：

我如何执行以下操作：

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

我正在使用ASP.NET MVC

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

Answer 1

你可以使用AJAX。订阅DropDown的.change事件，检索选定的值，对发送所选值的控制器操作执行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
       });
   });
});