javascript - 错误建议自动完成文本框 MVC 和 Javascript

Question

大家好，感谢您的帮助，

我在 MVC 中有一段带有自动完成建议的文本。

View 中的文本框是:

   <form action="Locator">
      <div class="col-lg-3 col-md-3 hidden-sm hidden-xs" style="margin-top:2%;">
         <input type="text" class="formLocator" value="Milano" data-date-end-date="0d" id="textLocator" name="searchstring">
         <h4 class="FormTextLocator">dove</h4>
      </div>
   </form>

我已经为这个文本框创建了一个 javascript 代码:

$(document).ready(function () {
    $('[data-toggle="tooltip"]').tooltip();
    // Locator
    $("#textLocator").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "/Home/AutocompleteSuggestions",
                type: "POST",
                dataType: "json",
                data: { term: request.term },
                success: function (data) {
                    response($.map(data, function (item) {
                        return { value: item.name };
                    }))
                }
            })
        },
        messages: {
            noResults: "", results: ""
        }
    });
});

关联的 Controller 是:

[HttpPost]
public JsonResult AutocompleteSuggestions(string term)
{
   var db = new TocFruit();
   var suggestions = from s in db.city select s.name;
   var namelist = suggestions.Where(n => n.ToString().ToLower().StartsWith(term.ToLower()));
   return Json(namelist, JsonRequestBehavior.AllowGet);
}

自动完成值被传递给 View ，但这是结果 View :

请帮帮我，我真的不知道该怎么办。

感谢大家

罗伯托

Answer 1

我想你忘了在自动完成中提到标签

$(document).ready(function () {
$('[data-toggle="tooltip"]').tooltip();
// Locator
$("#textLocator").autocomplete({
    source: function (request, response) {
        $.ajax({
            url: "/Home/AutocompleteSuggestions",
            type: "POST",
            dataType: "json",
            data: { term: request.term },
            success: function (data) {
                response($.map(data, function (item) {
                    return { 
                             value: item.name,
                             label : item.name
                           };
                }))
            }
        })
    },
    messages: {
        noResults: "", results: ""
    }
});

});