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

时间:2016-01-21 10:48:26

标签: javascript c# asp.net-mvc autocomplete

大家好,感谢您的帮助,

我在MVC中有自动填充建议的文本。

视图中的文本框是:

   <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: ""
        }
    });
});

与之关联的控制器是:

[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);
}

自动完成值传递给视图,但这是结果视图:

enter image description here

请帮助我,我真的不知道该怎么做。

感谢所有人,

罗伯特

1 个答案:

答案 0 :(得分:1)

我想你忘记在自动填充中提及标签

{{1}}

});