asp.net-mvc – 带.Net MVC的JQuery UI自动完成：如何在选中时显

但是在我选择一个,而不是显示在文本框中的标签后,将显示值(即需要保存到数据库的ID)：

如何在选择标签后仍然显示标签,但是当保存表单时,它会传递字段的ZipCodeID？

这是我的Controller方法：

public JsonResult FindZipCode(string term)
    {
        VetClinicDataContext db = new VetClinicDataContext();

        var zipCodes = from c in db.ZipCodes
                       where c.ZipCodeNum.ToString().StartsWith(term)
                       select new { value = c.ZipCodeID,label = c.ZipCodeNum};

        return this.Json(zipCodes,JsonRequestBehavior.AllowGet);
    }

这是我的标记：

<script type="text/javascript">
    $(document).ready(function() {
        $("#ZipCodeID").autocomplete({
                  source: '<%= Url.Action("FindZipCode","Customers") %>',});
    });
</script>

<div class="ui-widget"><input type="text" name="ZipCodeID" id="ZipCodeID" /></div>

编辑：这是我的最终工作代码：

控制器：

public JsonResult FindZipCode(string term)
    {
        VetClinicDataContext db = new VetClinicDataContext();

        var zipCodes = from c in db.ZipCodes
                       where c.ZipCodeNum.ToString().StartsWith(term)
                       select new { value = c.ZipCodeID,JsonRequestBehavior.AllowGet);
    }

和标记：

<script type="text/javascript">
    $(document).ready(function() {
        $("#ddZipCode").autocomplete({
            source: '<%= Url.Action("FindZipCode",select: function(event,ui) {
                var zipCodeID = parseInt(ui.item.value,1);
                $("#ddZipCode").val(ui.item.label);
                $("#ZipCodeID").val(ui.item.value);
                return false;
            }
        });
    });
</script>

<div class="ui-widget"><input type="text" name="ddZipCode" id="ddZipCode" /></div>
<%= Html.Hidden("ZipCodeID")%>