Question

我在jquery mobile中遇到自动填充问题。我想创建一个文本输入，当用户在其中输入时，与用户输入的内容对应的城市会显示在下拉菜单中，类似于Google搜索的工作方式。

我的问题是，它只是创建了所有城市的项目符号列表而不是下拉菜单。我实现了CSS主题并启用了所有必需的jquery / jquery mobile ui脚本。

在观看MVC上的MVC复数教程后，我能够连接到城市名称数据库并创建以下代码（这些只是片段）：

查看

<p>Hotel Location (City): <input type="text" data-autocomplete="@Url.Action("QuickSearch", "Booking")"/></p>

使用Javascript / Jquery的

    $(document).ready(function () {        
    $(":input[data-autocomplete]").each(function () {
        $(this).autocomplete({ source: $(this).attr("data-autocomplete") }); 
    });
  });

控制器

public ActionResult QuickSearch(string term)
    {
        testautocompleteDataContext _db = new testautocompleteDataContext();
        var cities = _db.CityTests
                        .Where(r => r.city.Contains(term))
                        .Take(10)
                        .Select(r => new { label = r.city });
        return Json(cities, JsonRequestBehavior.AllowGet); 
     }

谢谢！我真的很感激帮助：）

Answer 1

我的错误。我实际忘了在我的布局页面添加jquery ui！愚蠢的错误哈哈哈

MVC jquery MOBILE自动完成 - 创建项目符号而不是下拉菜单

1 个答案: