Javascript 只有在重置后才能显示正确的结果，但对于backspace按钮应该有效

结果在我们的页面中显示如下

我根据在搜索框中输入的值搜索结果。正确的结果显示一次，我们在搜索框中输入值

这里没有从6开始的结果，因此没有显示值

一旦我们从搜索框中删除了值（键盘上有退格按钮），它就会显示原始结果，如图1所示

但它仍然显示输入值[6]的结果，如图2所示

同样，只有当我们点击重置按钮时，它才会显示正确的结果。但它应该只适用于退格按钮

形式

---

检查字段值是否为空，然后重置表单…如下所示

<form id="form-filter">
Search:

<select id="f_value2">
    <option value="entity_id">Order Id</option>
</select>


<input type="text" onblur="doFilter()" value="" id="f_value1" >
<input type="reset" value="Reset" onClick="window.location.reload()">
</form>

及

---

也许你可以这么做

在您自己的函数中的每个keyup上检查它的值

doFilter()
{
   if($("#f_value1").val() == "")
   {
       window.location.reload();
       return;
   }

   //... rest of the things
}

---

您需要检查f_value2字段的值，如果其为空，则应用空过滤器。 也必须对f_fieldName12进行类似的检查

---

创建一个fiddle并共享链接我假设您在第一次加载时不会过滤任何内容，对吗？但是当您清除文本字段时，过滤器的值中有一个空字符串。这可能会导致问题。@selvasn谢谢，这里的问题是我们正在使用php代码获取值，如果可能的话，我会尽快尝试添加fiddle…@Glufu谢谢，我会试试你的想法…..window.location.reload；每次页面被重新加载到空的f_值1值onkeyup上时。重置按钮也在做同样的事情@HikmatSijapatiI dint相当明白让我解释一下，请访问：，您可以在订单id下拉列表后看到文本字段，请在那里输入tet 15，然后您可以看到所有结果都没有显示，现在按退格按钮删除5，仍然看不到结果，但一旦按退格按钮删除15，你可以看到结果……是的，这就是你想要的，对吗？还是别的？@user5348fh8y5您是在设置ajax的选项值吗？对不起，我在做一些测试，现在您可以检查一下，我使用了您的代码……我想您正在使用一些插件。使用onblur事件。让我们一起来。@user5348fh8y5代码中有语法错误，我已经更正了。这行中有一个额外的点filterInfo.push。{.对不起，我也没有注意到语法错误，请检查链接，现在表正在显示，但当您在搜索框中输入15并从退格中删除5时，它应该显示结果，但它不会发生now@user5348fh8y5filterInfo对象中的fieldName应该引用网格中的列名，而不是实际的html元素。已更新代码你真是太棒了，我不敢相信它这么早就起作用了。。。。。

<form id="form-filter">
Search:

<select id="f_value2">
    <option value="entity_id">Order Id</option>
</select>


<input type="text" onblur="doFilter()" value="" id="f_value1" >
<input type="reset" value="Reset" onClick="window.location.reload()">
</form>

<script type="text/javascript">
    function doFilter() {
    var filterInfo=[
        {
            fieldName : $('select[id=f_value2]').val(),
            logic : "startWith",
            value : Sigma.Util.getValue("f_value1")
        },
        {
            fieldName : Sigma.Util.getValue("f_fieldName12"),
            logic : "greatEqual",
            value : Sigma.Util.getValue("f_value12")
        }
    ]
    var grid=Sigma.$grid("myGrid");
    var rowNOs=grid.applyFilter(filterInfo);

    var filter = document.getElementById('f_value1').value;
    if (filter == "") {
       var grid = Sigma.$grid("grid_demo_id");
       grid.refresh(rowData);
       Sigma.Grid.render(grid);
    }
}

</script>

doFilter()
{
   if($("#f_value1").val() == "")
   {
       window.location.reload();
       return;
   }

   //... rest of the things
}

function doFilter() {
    var filterInfo=[];
    var orderIdVal= $('select[id=f_value2]').val();
    if(!( orderIdVal===undefined || orderIdVal ==="")){
        filterInfo.push({
            fieldName : "entity_id",
                logic : "startWith",
                value : Sigma.Util.getValue("f_value1")
        });


    }
    var grid=Sigma.$grid("myGrid");
    grid.applyFilter(filterInfo);
}