jquery之基于类别和条件的输入中的多重自动建议

我在搜索时需要一些关于多重自动建议的输入。 搜索字符串由类别、可选条件和值组成。

示例:类别.条件

我尝试使用 jquery 和自动完成功能，一旦用户选择一个类别并输入“.”，自动建议类别的第一级就可以正常工作。 我们应该显示为该类别配置的条件。

当用户选择类别并键入“.”时，第二组自动建议不会立即出现，但当我们将焦点移出输入区域并返回时，它就会出现。

她的代码是https://jsfiddle.net/krishnanpb/gh32nad6/1/

步骤: 1. 选择一个类别，然后输入“.”，移出输入区域并重新聚焦出现的第二组建议。

 $(document).ready(function() { 
        BindControls(); 
    }); 
 
    function BindControls() { 
        var Categories = [ 
        "Customer", 
        "Equipment", 
        "Link", 
        "Location", 
        "Network", 
        "Service", 
        "Termination"]; 
 
        $('#tags').autocomplete({ 
            source: Categories, 
            minLength: 0, 
            scroll: true 
        }).focus(function() { 
            $(this).autocomplete("search", ""); 
        }); 
 
        $('#tags').bind('keypress', function(e) { 
 
            var code = (e.keyCode ? e.keyCode : e.which); 
            if(code == 46) {  
            console.log(". pressed"); 
            var Criteria = [ 
            "name", 
            "id"]; 
            } 
            $( "#tags" ).autocomplete({ 
                source: Criteria 
            }); 
        }); 
    }  

html:

标签:

请您参考如下方法:

您应该使用 KeyUp 事件。我还强制它在更改源后重新关注输入。

$( "#tags" ).keyup(function( event ) { 
    if(event.which == 190) {  
        console.log(". pressed"); 
        var Criteria = ["name", "id"]; 
        $('#tags').autocomplete({ source: Criteria }); 
        $('#tags').focus(); 
    } 
});