Toggle Key up down for AutoComplete TextBox in ASP.Net MVC

Last Reply one month ago By dharmendr

Posted one month ago
//Getting Place Name from Location DB
$(function () {
    $("#fromloc_").on("input", function () {
        if ($("#fromloc_").val() != "") {
            getAutoComplete($("#fromloc_").val());
        }
    });
    $("#toloc_").on("input", function () {
        if ($("#toloc_").val() != "") {
            getAutoComplete1($("#toloc_").val());
        }
    });
});

function getAutoComplete(PlaceName) {
    var uri = "AddBooking/GetPlace";
    $.getJSON(uri, { PlaceName: PlaceName }).done(function (data) {
        $('ul#lst').html("");
        var count = 0;
        $.each(data, function (key1, item1) {
            var li = $('<li/>').addClass('ui-menu-item1')
            .html("<a style='color:black' onclick=\"setText('" + item1 + "')\">" + item1 + "</a>")
            .appendTo($('ul#lst'));
            count++;
        });
    });

}

function getAutoComplete1(PlaceName1) {
    var uri1 = "AddBooking/GetPlace1";
    $.getJSON(uri1, { Place: PlaceName1 }).done(function (data) {
        $('ul#lst1').html("");
        var count = 0;
        $.each(data, function (key2, item2) {
            var lis = $('<li/>').addClass('ui-menu-item2')
            .html("<a  style='color:black' onclick=\"setText1('" + item2 + "')\">" + item2 + "</a>")
            .appendTo($('ul#lst1'));
            count++;
        });
    });
}

function setText(text) {
    $("#fromloc_").val(text);
    $(".ui-menu-item1").hide();
    GetFromLocLatLon($("#fromloc_").val());
}

function setText1(text) {
    $("#toloc_").val(text);
    $(".ui-menu-item2").hide();
    GetToLocLatLon($("#toloc_").val());
    //alert(textbox1.val());
}

Here i'm using two textboxes fromloc and toloc..it will shows place name auto suggest from Database..i need to toggle the key up/down for chossing place name .. onlick event only working on that anchor tag..

 

You are viewing reply posted by: dharmendr one month ago.
Posted one month ago

Hi GuruLogu,

Refer the below article. Same functionality you can easily manipulate.

Implement jQuery AutoComplete TextBox in ASP.Net MVC

I agree, here is the link: http://e-iceblue.com/free-api