来自另一个下拉列表的下拉列表查找未显示

Question

我有 2 个 DropDownList，第一个是项目，第二个是用户。该项目没有直接的列用户，但有组列，并且在用户中也有组列。所以我的查询是这样的，

public ActionResult Create(string value){

      //This is to shows ProjectList In Dropdown
      var list = db.Projects.ToList().Select(x => x.Name);
      IEnumerable<string> ProjectName;
      ProjectName = list;
      ViewBag.ProjectName = ProjectName;


      // This is to show UsersList in Dropdown
      var group = db.Projects.Where(x => x.Name == value).Select(y => y.GroupDev).FirstOrDefault();
      string NameGroup = group;
      var listuser = db.UsersModels.ToList().Where(x => x.GroupName == NameGroup).Select(y => y.Email);
      IEnumerable<string> TaskUser;
      TaskUser = listuser;
      ViewBag.Users = TaskUser;


      return View();
}

所以我的工作流程将是这样的，首先我从下拉列表中选择项目名称，然后我将使用 JQuery 从我的 DrowpDon 中获取值，然后我根据项目名称选择组名。然后我创建 IEnumerable 以显示与 GroupName 匹配的所有用户。现在我不知道为什么它不起作用，是因为我的逻辑错误？还是我的 Jquery 错了？ 这是我的 Jquery 来做到这一点，

$(document).ready(function () {
    $('#Project').change(function () {
        var self = $(this);
        var value = $('#Project option:selected').text();
        $.ajax({
            url: '/TaskModels/Create',
            data: {
                value: value
            },
            type: 'POST',


        });
    });
});

这是我的下拉菜单，

<div class="form-group">
            @Html.LabelFor(model => model.Project, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.DropDownListFor(m => m.Project, new SelectList(ViewBag.ProjectName, "Project"), "Pilih Project ")
                @Html.ValidationMessageFor(model => model.Project, "", new { @class = "text-danger" })
            </div>
        </div>
      <div class="form-group">
                @Html.LabelFor(model => model.User, htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.DropDownListFor(m => m.User, new SelectList(ViewBag.Users, "User"), "Pilih User")
                    @Html.ValidationMessageFor(model => model.User, "", new { @class = "text-danger" })
                </div>
      </div>

我已经在我的脚本部分中添加了我的脚本，

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
   <script src="~/Custom_Script/DropDownListenere.js"></script>
}

任何人都可以在这里提供帮助吗？我假设这是因为我的 jquery，是因为我不熟悉那种语言。

Answer 1

再创建一个动作（例如：GetUser()），它接受一个参数（选定的项目）并以 JSON 形式返回用户列表。然后将 Project Drop 的 change 事件更改为：

$(document).ready(function () {
$('#Project').change(function () {
    var self = $(this);
    var value = $('#Project option:selected').text();
    $.ajax({
        url: '/TaskModels/GetUser', //Call GetUser Action instead of Create.
        data: {
            value: value
        },
        type: 'POST',  
        success:function(data){    //add this success function
            $("#User").html(""); //To clear the existing options.
            data.forEach(function (user) { //Iterate through the output array (In this case list of user emails)

                $("#User").append($("<option></option>") //append options to User drop downs
                    .attr("value",user)
                    .text(user))
            })
        }
    });
  });
});

Answer 2

U 可以使用 id GroupName 附加来自服务器响应的用户结果示例：$('#Project').change(function () { var self = $(this); var value = $('#Project option: selected').text(); $.ajax({ url: '/TaskModels/Create', data: { value: value }, type: 'POST', 成功: function (data) { $.each(items, function (i, item) { $('#mySelect').append($('', { value: item.id, text: item.username })); }); } }); });