【js】监听输入框，填入数据

最新推荐文章于 2025-03-21 11:55:42 发布

原创最新推荐文章于 2025-03-21 11:55:42 发布

· 371 阅读

0 ·

版权

web 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的输入框联动查询功能。当用户在源输入框中输入内容后，会触发一个AJAX请求，从服务器获取数据并填充到目标输入框。如果未找到匹配数据，则会显示提示消息。

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

$("#src_input").blur(function(){
    var val = $(this).val();
    if (val == '') return;
    $.ajax({
        type: 'get',
        url: "/get-list",
        dataType : 'json',
        success: function(res) {
            if (res.code == 0){
                var data = res.data[0];
                if (data) {
                    $('#dst_input').val(data.id);
                } else {
                    $('#dst_input').val('');
                    layer.msg('没有找到数据', {icon: 2});
                }
            } else {
                layer.msg(res['msg'], {icon: res['code']});
            }
        }
    })
});