[Resolved] Select a Default Value from a Dropdown Filter and Apply the result to the page

[Author]

Posts

[brettD-3]

Tell us what you are trying to do?

Trying to have a results page load a query result and populate the page with a pre-selected value from the options.

Is there any documentation that you are following?
Have followed this documentation https://toolset.com/forums/topic/how-to-prefill-default-value-in-dropdown-box/
and used the JS mentioned in the post.

jQuery(document).ready(function($) {
jQuery("select[name^='wpv-wpcf-city'] option[value='Devonport']").attr("selected","selected");
});

Is there a similar example that we can see?

What is the link to your site? hidden link
This is the page. You will note that we want the "Devonport" option to populate the page when loaded.
This happens after page load. Devonport is selected from the dropdown options but results dont change to filter out any other towns apart from the selected one.

I can go and select another town from the dropdown, the results are filtered. I choose Devonport again and the results are filtered.

Regards
Brett

[Minesh]

Hello. Thank you for contacting the Toolset support.

As I understand, you want to filter the view results as soon as you set the default option for your select dropdown - correct?

If this is correct - can you please try to use the following code:

jQuery(document).ready(function($) {
jQuery("select[name^='wpv-wpcf-city'] option[value='Devonport']").attr("selected","selected").trigger('change');;
});

Does the above code I shared help you to resolve your issue?

[brettD-3]

My issue is resolved now. Thank you!