jQuery 监听 input 输入匹配数据库的值

$("#forecast-index-bus").on("input", function(e) {
    showalert(e.currentTarget.value)
});

// 展示 alert 内容
function showalert(param) {
    var key = param;
    if (key != '') {
        //这里给个全数据
        var xt = check(data, key);

        $('#forecast-index-xc').html('');
        $('#forecast-index-xc').append(xt);
        $('#forecast-index-xc').css('display', 'block');
    } else {
        $('#forecast-index-xc').html('');
    }
}

// 遍历 data 匹配 input 中输入的值
function check(data, key) {
    var out = '';
    for (var i = 0; i < data.length; i++) {
        var s = data[i].indexOf(key);
        if (s == 0 && data[i] != key) {
            // out += "<li onClick=\"javascript:change('" + data[i] + "')\">" + data[i] + "</li>";
            out += "<li class='forecast-index forecast-index-site" + i + "' >" + data[i] + "</li>";
        }
    }
    return out;
}

 

posted @ 2019-06-21 15:35  格鲁特baby  阅读(191)  评论(0编辑  收藏  举报