Looks like I messed up the question. Here it is simpler terms:
I have displayed dynamic dropdown using CF7 Smart Grid Design Extension on the frontend. Using this plugin now I want to map it to custom taxonomy i.e. Categories. But in the dashboard only two option is displayed i.e checkbox and filter option, in which I wanted Dynamic Dropdown. What did I miss here?

I created a normal dropdown menu in the form with no options and mapped it to the taxonomy which has categories with terms in it, but in the frontend, the dropdown doesn’t show any option. Is there anything I missed? Thank you so much for your time sir.

Mapping Dashboard: https://i.imgur.com/VolUZWZ.png
Frontend: https://i.imgur.com/i37bJiC.png

Hi Aurovarata. I can see Uncaught ReferenceError: jQuery is not defined in console in the end of this code.
(function( $ ) {
‘use strict’;
(function(){ //make scope local to this script
$( document).ready(function() {
var fname;
var cf7Form = $(“div#cf7_2_post_9543a23950 form.wpcf7-form”);
var $input;
if(cf7Form.is(‘div.cf7-smart-grid.has-grid form.wpcf7-form’)){
//if the smart grid is enabled, execute the loading once the grid is ready
cf7Form.on(‘cf7SmartGridReady’, function(){
preloadForm($(this));
});
}else{
preloadForm(cf7Form);
}
// function to load all the data into the form
function preloadForm(cf7Form){
var data = ”;
if(‘function’ == typeof $.fn.post2CF7FormData) data = cf7Form.post2CF7FormData(‘cf7_2_post_9543a23950’);
else if( ‘undefined’ != typeof window[‘cf7_2_post_9543a23950’] ) data = window[‘cf7_2_post_9543a23950’];
fname = ‘<input type=”hidden” name=”_cf72post_nonce” value=”cf7_2_post_9543a23950″ />’;
cf7Form.find(‘input[name=_wpcf7]’).parent().append(fname);
if(0 === data.length){
cf7Form.trigger(“cf7_2_post_9543a23950”, data);
return false;
}
fname = JSON.parse(data.menu_283);
cf7Form.find(‘select[name=menu-283]’).addClass(‘js-select2’).append(fname);
$(“.js-select2″, cf7Form).each(function(){
$(this).select2();
})
if(data.map_post_id !== undefined){
fname = ‘<input type=”hidden” name=”_map_post_id” id=”cf2_2_post_id” value=”‘ + data.map_post_id + ‘” />’;
cf7Form.find(‘input[name=_wpcf7]’).parent().append(fname);
}
fname = ‘<input type=”hidden” name=”_map_author” id=”cf7_2_post_user” value=”1″ />’;
cf7Form.find(‘input[name=_wpcf7]’).parent().append(fname);
/* trigger the formMapped event to let other scripts that the form is now ready */
cf7Form.trigger(“cf7_2_post_9543a23950”, data);
//console.log(‘cf7_2_post_9543a23950 form ready’);
}//end preloadForm()
}); //document ready
})(); //call local function to execute it.
})( jQuery );

Sorry to trouble you Sir. The problem is solved. Thank you. 😀