dependent-dropdown | JQuery plugin that enables to add and control | Autocomplete library

Trying to create two dropdown lists where the 2nd has a dependency on the first, and the second contains URL values with a GO button that goes to the URL. I need to implement this in Elementor.

I am following the guidance of this article: Dependent Dropdown lists with go to url button and have created the following code, but the URL redirect part is not working. You can find the jsFiddle here: https://jsfiddle.net/jfsurbano/u26c0vb9/5/

When I implement this code into Elementor, the dropdown doesn't work either. What would be the possible reasons behind this?

Any advice would be greatly appreciated!!!

I would like to create a form and add a dropdown list widget that will pull its choices from an API. I don't see any setting for that where would I call the API? what I was able to find is from 2014 so I think its outdated.

https://www.progress.com/blogs/sitefinity-custom-form-widget-with-dependent-dropdowns

All the questions I referred to on SO were displaying results of creating a dynamic dropdown where they made use of database, I am not making use of a database but making use of a CSV file to fetch data, so those answers couldn't help me

here is my app.py file

I'm new with Symfony. I've followed a couple of tutorials trying to learn dependent selects, so I use a DestinationFormType and a DestinationController to save a Destination. The JS part works well, but now when I try to save the entity throws the next exception:

Argument 1 passed to Symfony\Bridge\Doctrine\Form\ChoiceList\IdReader::getIdValue() must be an object or null, int given, called in \vendor\symfony\form\ChoiceList\ArrayChoiceList.php on line 200

The weird part is that it seems to be trying to convert a value (191) that need no conversion (stack call top):

The error is thrown for the country entity. This is my DestinationFormType