データアイコンが定義された Bootstrap の selectpicker() を使用しています。HTMLコードは次のとおりです。
<select class="selectpickerLang" name="language" id="id_language">
<option value="en-us" data-icon="icon-en-us">English, United States</option>
<option value="en-gb" data-icon="icon-en-gb">English, United Kingdom</option>
</select>
$(document).ready(function() {
$('.selectpickerLang').selectpicker();
});
(場合によっては、より多くのロケールがあります)。
問題は、ボタンのタイトル (Google Chrome でテスト済み) に HTML が含まれていることです。
<button type="button" class="btn dropdown-toggle selectpicker btn-default" data-toggle="dropdown" data-id="id_language" title="<i class="glyphicon icon-en-us"></i> English, United States"><span class="filter-option pull-left"><i class="glyphicon icon-en-us"></i> English, United States</span> <span class="caret"></span></button>
タイトルが「 」であることがわかります<i class="glyphicon icon-en-us"></i> English, United States。正しいタイトルは「English, United States」です。
Bootstrap バージョン 2.3.2 を使用していますが、この機能は bootstrap-select バージョン 1.4.2 で作成されていると思います。将来のバージョンでは修正されていますか?