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

最新推荐文章于 2024-05-12 10:46:47 发布

_格鲁特宝宝

最新推荐文章于 2024-05-12 10:46:47 发布

阅读量429

点赞数

CC 4.0 BY-SA版权

分类专栏： Web FrontEnd jquery 文章标签：监听 input 监听 e.currentTarget

_格鲁特宝宝原创，转载请务必注明出处

本文链接：https://blog.youkuaiyun.com/GrootBaby/article/details/93198204

Web FrontEnd 同时被 2 个专栏收录

226 篇文章

订阅专栏

jquery

20 篇文章

订阅专栏

博客围绕input监听展开，涉及监听及e.currentTarget等内容，但具体细节因内容缺失暂无法详述。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$("#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;
}