JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/mint-choc/jquery-ui.css">
<table>
<tr>
<td style="width: 100px; min-width: 100px; max-width: 100px;">Liste</td>
<td style="width: 100px; min-width: 100px; max-width: 100px;">Liste a reset</td>
</tr>
<tr>
<td class="SsCssTd">
<select class="TFOlstJquery lstHeader" id="people0">
<option value="" selected="selected">TOUS</option>
<option value="/Images/imgres.jpg">jpg</option>
<option value="/Images/imgres.png">png</option>
</select>
</td>
</tr>
</table>
<button id="rest">Reset</button>
CSS
.ui-selectmenu-button span.ui-selectmenu-text
{
font-size: small;
padding-right: 0px;
width: 90%;
}
.ui-selectmenu-button span.ui-selectmenu-text.TFOselectmenu-textDecalTxt
{
padding-left: 30px;
}
/*Affichage des options*/
.ui-menu .ui-menu-item
{
padding: 0.5em 0 0.5em 2.1em;
font-size: small;
}
ul.ui-menu
{
max-height: 420px;
width: 100%;
}
.TFOSizeImgOnlySelected
{
position: absolute;
left: 33%;
}
.TFOSizeImgTxtSelected
{
position: absolute;
left: 5%;
top: 4px;
}
.TFOOptlstFiltreImg
{
background-size: 24px 24px;
height: 24px;
width: 24px;
background-repeat: no-repeat;
}
.lstHeader
{
display: block;
padding-top: 2px;
padding-bottom: 2px;
}
td.SsCssTd
{
padding: 0;
border: 0;
}
JavaScript
$("#people0").selectmenu();
$("#rest").button();
$("#rest").click(function () {
$("#people0").selectmenu('refresh',true);
return false;
});