JSFiddle - React, Tailwind, and code Playground

by Gabriele Petrioli

HTML

<script src="http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/msdropdown/js/jquery.dd.js"></script>
<link rel="stylesheet" href="http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/msdropdown/dd.css">
<button id="adicionar">clone</button>
<div id="copiar1" class="linguas">
    <select class="mydds">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
    </select>
</div>

JavaScript

$(".mydds").msDropDown();
        $('#adicionar').live('click', function(){
            var num = $('.linguas').length;
            var newNum = new Number(num + 1);
            
            var newElem = $('#copiar' + num).clone(true, true).attr('id', 'copiar' + newNum);
            
            var id = newElem.find('select').msDropDown().data('dd').get('id');
            
            newElem.find('[id]').each(function(){
                $(this).attr('id',this.id.replace(id,'customid_' + newNum,'g') );
            });
            
            
            $('#copiar' + num).after(newElem);

            newElem.find('select').msDropDown();
        });