Getting dynamical default values for CF7 drop-down menu

Hello @renplainview

Thank you very much for using our plugin.

Your “select” field has the structure:

[selct_multiselct* number placeholder:--- "1" "2" "3" "4" "5"]

And you want to select the option whose value matches with the current post excerpt (the post where the form is inserted).

To read the current post_excerpt you should use the recordset structure:

[cf7-recordset id="cf7-recordset-414" type="post" attributes="post_excerpt" condition="ID={post.id}"]

The condition ID={post.id} tell the plugin you want to filter the data by the current post’s id.

Finally, to select the corresponding option in the multi-select field, you should subscribe to the recordset event.

Note that you don’t want to replace the values in the multi-select field but only to select its choices.

<script>
document.addEventListener('cf7-recordset', function(evt){
    if(evt.detail['recordset-id'] == 'cf7-recordset-414')
    {
        jQuery('[name="number"] option[value="'+evt.detail['recordset-data'][0]['post_excerpt']+'"]').prop('selected', true).change();
    }
}); </script>

The complete structure would be:

[selct_multiselct* number placeholder:--- "1" "2" "3" "4" "5"]
[cf7-recordset id="cf7-recordset-414" type="post" attributes="post_excerpt" condition="ID={post.id}"]
<script>
document.addEventListener('cf7-recordset', function(evt){
if(evt.detail['recordset-id'] == 'cf7-recordset-414')
{
jQuery('[name="number"] option[value="'+evt.detail['recordset-data'][0]['post_excerpt']+'"]').prop('selected', true).change();
}
}); </script>

Best regards.

Hello @renplainview

Could you please modify the settings of WP Rocket? Specifically the way it loads the javascript resources, and purge its cache.

Please, visit your website with the nocache parameter for testing:

https://studibucht.de/test-page/?nocache=1

Best regards.

Hello @jannnfe

You can exclude the inline scripts from WP Rocket settings:

Best regards.

Hello @jannnfe

Could you please indicate the URL to the page to check if your website is loading the plugin resources in the correct order?

Best regards.

Hello @jannnfe

Please, look at the source code of your page:

<script data-minify="1" type='text/javascript' src='https://umbracanis.de/wp-content/cache/min/1/wp-content/plugins/cf7-data-source/assets/script.js?ver=1657120463' id='cf7_datasource_script-js' defer></script>
<script type='text/javascript' id='cf7_datasource_script-js-after'>
cf7_datasource_register_recordset("hundenamen-list", {"fields":[],"variables":[],"cf7":2399}, 194)
cf7_datasource_register_link({"recordset":"hundenamen-list","field":"tv_name","value":"post_title","text":"post_title","condition":"","limit":"","default":[],"fields":[],"variables":[]}, 194)
</script>

The code in the inline script should work after loading the script.js file, but “WP Rocket” ignores the Scripts dependency.

To fix this issue, please, configure the “Defer” options in the “WP Rocket” to not apply the defer to the “cf7-data-source/assets/script.js” script.

Best regards.

Hello @jannnfe

Excellent !!! Thank you very much for sharing your solution.

Best regards.