Hi Kamila,

Thanks for the snippet. The issue here is that there is an ajax call on the country select. It seems that after the ajax call for the state select, the js is lost, even when I implemented the snippet code you suggested. Also, the options are from a database. Any additional ideas are appreciated.

Thanks.

Here is a snippet demonstrating that: https://mdbootstrap.com/snippets/standard/kpienkowska/5724795#js-tab-view

You need to use the method dispose and init "new" select. A list of all methods and events is available in the API tab of the component.

The way to change content of the select is to dispose it (leaving html) and initiate new with new options.

Alternatively, you can place a new one like you do now but initiate it with JS after that. Since components are initiated on the page load and you added yours after that they require manual init.