Skip Navigation

[Resolved] ajax search results not updating without submit

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Our next available supporter will start replying to tickets in about 4.81 hours from now. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 4 replies, has 2 voices.

Last updated by Waqar 10 months, 3 weeks ago.

Assisted by: Waqar.

Author
Posts
#2676559

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.

#2676574

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

#2676583

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

#2676831

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.

#2677101

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.