JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<form>
    <div class="dropdown">
        <div class="btn-group"><a class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown" href="#">PAYS<span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li onclick="showtext('Fr');">
                    <input type="hidden" name="France" id="Fr" value="1" 1>
                    <a href="#"><img src="http://vignette1.wikia.nocookie.net/destinypedia/images/0/06/French_Flag_Icon.png">France</a>
                </li>
                <li onclick="showtext('It');">
                    <input type="hidden" name="Italie" id="It" value="2" 2>
                    <a href="#"><img src="http://vignette2.wikia.nocookie.net/destinypedia/images/3/35/Italian_Flag_Icon.png">Italie</a>
                </li>
            </ul>
        </div>
        <div class="btn-group"> <a class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown" href="#">VILLES<span class="caret"></span></a>
            <ul class="dropdown-menu" id="Ville_Fr" style="display:none;">
                <li>Paris</li>
                <li>Marseille</li>
                <li>...</li>
            </ul>
            <ul class="dropdown-menu" id="Ville_It" style="display:none;">
                <li>Rome</li>
                <li>Milan</li>
                <li>...</li>
            </ul>
        </div>
    </div>
</form>

JavaScript

function show(obj) {
        window.document.getElementById(obj).style.display = "inline-block";
    }

    function hide(obj) {
        window.document.getElementById(obj).style.display = "none";
    }

    function showtext(List_Pays) {
        hide('Ville_Fr'); hide('Ville_It');
            show('Ville_' + List_Pays);
            }
    $(".dropdown-menu li a").click(function() {
                var selText = $(this).text();
                $(this).parents('.btn-group').find('.dropdown-toggle').html(selText + ' <span class="caret"></span>');
            });