如何 post 来自自动完成而不是文本的值？

Question

这是我的 C# 代码：

public JsonResult FillUsers(string term)
    {
        var Retailers = from us in db.Users
                        join pi in db.UserPersonalInfoes on us.ID equals pi.UserID into t
                        from rt in t.DefaultIfEmpty()
                        where us.Status == true
                        select new
                        {
                            ID = us.ID,
                            Username = us.Username + ":( " + (rt == null ? String.Empty : rt.FirstName) + " )"
                        };

        List<string> UsersList;
        UsersList = Retailers.Where(x => x.Username.Contains(term)).Select(y => y.Username).Take(10).ToList();

        return Json(UsersList, JsonRequestBehavior.AllowGet);
    }

HTML代码：

<div class="col-md-3">
                 @Html.TextBox("ddlUser", null, new { @id = "ddlUser", @class = "form-control" })
             </div>

Javascript代码：

<script type="text/javascript">
$(function () {
    $("#ddlUser").autocomplete({
        source: '@Url.Action("FillUsers", "FirebaseNotification")',
        select:function(event, ui)
        {
            var id = ui.item.ID;
            var name = ui.item.Username;
        }
        });
    });

我想在文本字段中显示 'username'，但是当表单为 post 时，我想发送 'ID'。而不是我得到用户名。

Answer 1

为此，您可能需要一个额外的隐藏字段，用于在进行选择时存储 ID：

$("#ddlUser").autocomplete({
    source: '@Url.Action("FillUsers", "FirebaseNotification")',
    select: function(event, ui) {
        var id = ui.item.ID;
        $('#selectedUserId').val(id);
    }
});

现在，当提交表单时，您将忽略来自文本输入字段的 username 值，而是采用隐藏字段值：

@Html.Hidden("selectedUserId", null, new { id = "selectedUserId" })

Answer 2

$("#ddlUser").keyup(function (e) { 
  if (e.which != 13) { 
    $("#hfUserID").val("0"); 
  } 
  $("#ddlUser").autocomplete({ 
    source: function (request, response) { ... }, 
    select: function (e, i) {   
      $("#hfUserID").val(i.item.val);
      $("#ddlUser").val(i.item.label); 
    }, 
    minLength: 1 
                                         
    }); 
  });

如何 post 来自自动完成而不是文本的值？

How to post value from autocomplete instead of text?

javascript

c#

asp.net-mvc

jquery

jquery-ui-autocomplete