JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://dl.dropbox.com/u/40036711/Scripts/jquery.ddslick.min.js"></script>
<li id="flag">
    <select id="flagselection">
        <option value="UK" data-imagesrc="http://scoreltd.net/img/flag/United Kingdom.png"></option>
        <option value="DE" data-imagesrc="http://scoreltd.net/img/flag/Germany.png"></option>
        <option value="ES" data-imagesrc="http://scoreltd.net/img/flag/Spain.png"></option>
        <option value="FR" data-imagesrc="http://scoreltd.net/img/flag/France.png"></option>
        <option value="IT" data-imagesrc="http://scoreltd.net/img/flag/Italy.png"></option>
    </select>
</li>

JavaScript

function oc(a){
    var o = {};
    for(var i=0;i<a.length;i++){
        o[a[i]]='';
    }
    return o;
}
$('#flag').ddslick({
    imagePosition:"left",
    background:"none",
    width:"66px",
    onSelected: function(data){
        var chosenCountry = data.selectedData.value;
        chosenCountry =    chosenCountry.toLowerCase();
        if(data.selectedIndex > 0) {
            if( chosenCountry  in oc(['de', 'es','fr','it']) ) {
                alert("translated pages");
            }
        } else {
            alert("English site");
        }
    }   
});