AutoComplete Text Box in C# MVC using jQuery AutoComplete Method

• First Add one Text Box

<div class="ui-widget">

            <div class="col-md-3">

                @*<input type="number" placeholder="Enter Contact Student Contact no" class="form-control" name="ContactNo" id="ContactNo" />*@

                @Html.TextBoxFor(model => model.ContactNo, htmlAttributes: new { @class = "form-control", @required = "required" })

            </div>

        </div>

• Use Jquery AutoComplete method

Creating one array For Json

 var AvailabelContactNumbers = [];

            $.ajax({

                    type: 'Get',

                url: '@Url.Action("GetContactList", "StudentExams")',

                success: function(response) {

                    $.each(response, function(key, item) {

                                AvailabelContactNumbers.push(item.ContactNo);//push a all contact number in side array.

                            });

                        }

                    });

            $("#ContactNo").autocomplete({

                    source: AvailabelContactNumbers //Array assign Textbox

            })

Get Data as Json Format From Data Base For Array

 [HttpPost]

        public JsonResult GetrecordUsingContactNumber(string ContactNo)//search contact number From database

        {

            var results = (from x in _Context.AppUsers where x.ContactNo.StartsWith(ContactNo) select new { lable = x.ContactNo }).ToList();

            return Json(results, JsonRequestBehavior.AllowGet);

        }