Question

我有这个脚本 -

<script type="text/javascript">
    $(function () {
        $('#typeahead').typeahead({
            source: function (term, process) {
                var url = '@Url.Content("~/Invoice/GetNames")';
                var cname = [];
                return $.getJSON(url, { term: term }, function (data) {

                    $.each(data, function (name, id) {
                        cname.push({ id: id, name: name });
                    });
                    return process(cname);
                });
            }
        });
    })
</script>

自动填充文字框 -

 <input type="text" name="names" value="" id="typeahead" data-provide="typeahead" />

我从服务器端获得所有东西。但唯一的问题是在视图页面上过滤数据。

如何过滤此数据，以便自动完成。

方式 -

  [HttpGet]
        public JsonResult GetNames(string term)
        {
            var names = (from u in db.Contacts
                         where u.name.Contains(term)
                         select u).ToArray();
            // A list of names to mimic results from a database
            var results = names.Select(u => new { name = u.name, id = u.Id });

            return new JsonResult()
            {
                Data = results,
                JsonRequestBehavior = JsonRequestBehavior.AllowGet
            };
        }

Answer 1

试试这个： <form autocomplete="on">

bootstrap自动完成无法正常工作

1 个答案: