带有3个输入字段的Javascript数据库实时搜索

我对Javascript一无所知

我有一个带有邮政编码的数据库，我想通过Javascript实时搜索进行过滤

这是我的代码：

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

    $('.search-box input[type="text"]').on("keyup input", function(){

        /* Get input value on change */

        var inputVal = $(this).val();

        var resultDropdown = $(this).siblings(".result");

        if(inputVal.length){

            $.get("lookup.php", {term: inputVal}).done(function(data){

                // Display the returned data in browser

                resultDropdown.html(data);

            });

        } else{

            resultDropdown.empty();

        }

    });



    // Set search input value on click of result item

    $(document).on("click", ".result p", function(){

        $(this).parents(".search-box").find('input[type="text"]').val($(this).text());

        $(this).parent(".result").empty();

    });

});

</script>

$（文档）.ready（函数（）{
$（'.search box input[type=“text”]'）。打开（“键控输入”，函数（）{
/*获取更改时的输入值*/
var inputVal=$（this.val（）；
var resultDropdown=$（this.sillides（“.result”）；
if（输入值长度）{
$.get（“lookup.php”，{term:inputVal}）.done（函数（数据）{
//在浏览器中显示返回的数据
html（数据）；
});
}否则{
resultDropdown.empty（）；
}
});
//单击结果项时设置搜索输入值
$（document）.on（“click”，“.result p”，function（））{
$（this.parents（“.search box”）.find（'input[type=“text”]）.val（$（this.text（））；
$（this.parent（“.result”）.empty（）；
});
});

这三个字段分别是一个“选择字段”、一个带文本的“输入字段”和一个带数字的“输入字段”

---

我必须如何更改Js代码才能获得实时搜索的所有3个搜索字段？

创建一个单独的函数来调用ajax，并在任何输入发生更改时运行该函数。我该如何完成？