首页 > 解决方案 > javascript 在您键入时显示多个搜索结果

问题描述

我遇到了过滤器问题(我猜)。请参阅下面的代码和结果。

function getMake(value) {
    $.post("../../sql/addVehicleFind.php",{partialMake:value},function(data){
        $("#results").html(data);
    });
}
function getModel(value) {
    $.post("../../sql/addVehicleFind2.php",{partialModel:value},function(data){
        $("#results2").html(data);
    });
}


<input class="rounded" type="text" name="findMake" onkeyup="getMake(this.value)" placeholder="make" 
    <?php if(isset($vechileMake) && $vechileMake != '') {echo 'value="'.$vechileMake.'"';} ?>  />

            <div id="results" style="max-height:200px; overflow:auto; padding-left:55px; text-align: left" ></div>


<input class="rounded" type="text" name="findModel" onkeyup="getModel(this.value)" placeholder="model" 
            <?php if(isset($vechileModel) && $vechileModel != '') {echo 'value="'.$vechileModel.'"';} ?>  />

            <div id="results2" style="max-height:200px; overflow:auto; padding-left:55px; text-align: left" ></div>

我的问题是,当我在“getModel”的第二个输入框中输入值时,我得到了第二轮“getMake”的结果,如下图所示:

链接到图片

我希望有解决这个困境的办法。非常感谢任何帮助。

非常感谢你提前

标签: javascript

解决方案


我熟悉php,但不熟悉javascript。在这里,我展示了我在编程方面是多么的新手。今天我突然想到,我可以过滤函数调用的 php 代码中的选择。

希望这对处于相同情况的人有所帮助。


推荐阅读