[Resolved] Reset filters when search is changed

[Author]

Posts

[FerdinandH1711]

Hello,

I have a custom search with Text search and 3 filters.
I would like to reset filters when text search changes.
How is this possible please?

Best regards,
Ferdinand

[Minesh]

Hello. Thank you for contacting the Toolset support.

Well - views offers the shortcode [wpv-filter-reset] that will help you to reset your filters.
=> https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-filter-reset

But this is not something will run when every time you change the text search keywork. This needs to be handled using some custom javascript.

[FerdinandH1711]

Hello,
thaks for answer.
I know there is a reset option, but this will reset search as well(not only filters).
So there is no possibility to reset everything but search text?

If not is there a function(for custom javascript) that i could call and that will reset only what i want.

Could you please suggest an approach how to handle this?

Best regards
Ferdinand

[Minesh]

Well - you can use the jQuery/javascript to reset the search box input value when it get focus.

For example - add following code to your view's "Search and Pagination" section's JS box:

jQuery(document).ready(function($){

jQuery("input[name='wpv_post_search']").focus(function() {
    $(this).val("");
});

});

[FerdinandH1711]

If I'm not mistaken this will erase search text input on focus.

I'll play around with this and see.
What i need is to trigger it on submit not on focus. I hope it won't be a problem, but i'm afraid that it will trigger multiple reloads of search.

I'll see tomorow. Thank you and please leave this issue opened for now. I'll close it tommorow if I don;t need any more assistance with this.

Thanks again.

[Minesh]

If I'm not mistaken this will erase search text input on focus.
==> Yes - that is correct.

What i need is to trigger it on submit not on focus. I hope it won't be a problem, but i'm afraid that it will trigger multiple reloads of search.
==> Yes - thats correct as well, on submit is not the recommended way.

[FerdinandH1711]

Hello,
so I figured out a solution.
This does what i wanned. Triggers more or less on submit and triggers only one ajax call.
There was a little mistake in your code. Due to fact that you replace input and selects tags on ajax(don't know why), listener will be removed so i added listeners on form tag which is not replaced.

I still have one issue. It's a small one. After I errase values, selects are just empty(not default label) and it appears after data are loaded. Is there any way to prevent this?

This is my code(in case anyone needed this functionality :))

jQuery(document).ready(function() {
  jQuery(".wpv-filter-form").on('keydown', "[name='wpv_post_search']", function(event) {
    if(event.which == '13') {
      removeFilters();
    }
  });
  jQuery(".wpv-filter-form").on('click', ".search-button", function(event) {
    removeFilters();
  });
});

var removeFilters = function() {
  jQuery("[name='wpv-collection']").val("");
  jQuery("[name='wpv-producttype']").val("");
  jQuery("[name='wpv-style']").val("");
};

[Minesh]

Thank you for sharing the code. Can I have problem URL so that I can see how select fields displayed?