AutoPostBack

最新推荐文章于 2020-01-03 10:01:48 发布

翻译最新推荐文章于 2020-01-03 10:01:48 发布 · 648 阅读

JQuery 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的前端搜索框自动补全功能。通过JSON获取数据，并利用keyup事件监听输入框变化，当用户输入字符时触发自动补全功能。该功能能够根据用户输入提供匹配项建议。

<script type="text/javascript">
    var option = {
        max: 10,
        width: 405,
        minChars: 1,
        autoFill: false,
        scroll: false,
        matchContains: true,
        delay: 100,
        selectFirst: false,
        formatItem: function(row, rowNum, rowCount, searchItem) {
            return row.Title;
        },
        formatMatch: function(row, rowNum, rowCount) {
            return row.Title;
        },
        formatResult: function(row, rowNum, rowCount) {
            return row.Title;
        }
    };
    function initAutoComplete(data) { $("#search").autocomplete(data, option) };
    $("#search").keyup(function() {
    if ($("#search").val() == "") {
        }
        else {
            $.getJSON("/ashx/txtQuestion.ashx?time=" + Date(), { Name: $.trim($("#search").val()) }, initAutoComplete);
        }
    });
</script>