JSFiddle - React, Tailwind, and code Playground

HTML

<select name="lang_choice" id="lang_choice">
<option value="en">English</option>
<option value="fr" selected="selected">French</option>
<option value="de">Deutsch</option>
</select>

CSS

#lang_choice {
    background-repeat: no-repeat;
    background-image: url("http://pascha.org/img/en.png");
    background-position: right center;
    padding-right: 20px;
}
#lang_choice option:nth-child(1) {
    background: url(http://pascha.org/img/en.png) no-repeat right center;  
}
#lang_choice option:nth-child(2) {
    background: url(http://pascha.org/img/fr.png) no-repeat right center;  
}
#lang_choice option:nth-child(3) {
    background: url(http://pascha.org/img/de.png) no-repeat right center;  
}

JavaScript

$("select#lang_choice").css("background-image",'url(http://pascha.org/img/'+$("select#lang_choice").val()+'.png)');
$("select#lang_choice").change(function(){
	$("select#lang_choice").css("background-image",'url(http://pascha.org/img/'+$("select#lang_choice").val()+'.png)');
	});