[Resolved] ajax search results not updating without submit

[Author]

Posts

[malagaS]

Tell us what you are trying to do? results should update as user types in search field

Is there any documentation that you are following?

Is there a similar example that we can see?

What is the link to your site? hidden link the form is split on a divi theme page, with query in one column and results in another.

[Waqar]

Hi,

Thank you for contacting us and I'd be happy to assist.

I tried to see the search, but it is behind a 'Maintenance mode' page. Can you please share temporary admin login details, so that I can see how this view is set up?

Note: Your next reply will be private and making a complete backup copy is recommended before sharing the access details.

regards,
Waqar

[malagaS]

ps, this site is a clone so it's ok to make changes.

[Waqar]

The access details worked, thank you.

I'll be performing some tests and will share the findings, as soon as I can.

Thank you for your patience.

[Waqar]

Thank you for waiting.

During testing, I was able to make this work using the following script:

jQuery( document ).on( 'ready js_event_wpv_pagination_completed js_event_wpv_parametric_search_form_updated js_event_wpv_parametric_search_results_updated', function( event, data ) {
    jQuery('input[name="wpv_post_search"]').change( function() {
      	  /* execute only if the typed characters are more than 3 */
           if( this.value.length < 3 ) return;
      		jQuery(this).parents('form:first').trigger( "submit" );
        });
});

You can see it working on your website and it monitors the changes in the search field and if 3 or more characters are typed, submit the search form automatically.