錯誤建議自動完成文本框MVC和Javascript

Question

喜一切，感謝您的幫助，

我有在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); 
} 

自動完成值傳遞給查看，但這是結果視圖：

請幫助我，我真的不知道該怎麼做。

感謝所有，

羅伯託

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

}）;