asp.net выпадающий список изображения флаги страны

Пожалуйста, взгляните на скриншот, где флаг Великобритании отображается как тестовый диапазон css и выпадающий список, показывающий список стран без изображений флагов, и мне нужно показать изображения флагов!

введите здесь описание изображения

<span class="flag-icon flag-icon-gb"></span>

<div class="col-xs-12 col-sm-5 pl0">
<asp:DropDownList CssClass="form-control thintext" ID="lstCountryLivingIn" runat="server" ClientIDMode="Static">
<asp:ListItem Text="Please Select..." Value=""></asp:ListItem>
</asp:DropDownList>
</div>

КОД

If ds.Tables(0).Rows.Count > 0 Then
For i = 0 To ds.Tables(0).Rows.Count - 1
Dim li As New ListItem()
li.Value = ds.Tables(0).Rows(i)("CountryId").ToString
li.Text = ds.Tables(0).Rows(i)("CountryTitle").ToString & " ( " & ds.Tables(0).Rows(i)("CountryPhoneCode").ToString & " )"

‘ I need to add some css / style or attribute here to show country flags

lstCountryLivingIn.Items.Add(li)
Next

Мне нужно использовать css/style в code-behind, чтобы отображать флаги стран в каждом раскрывающемся списке, но я не уверен, как это сделать???

У меня есть двухсимвольные коды стран ISO, такие как «gb» в таблице стран, и у меня есть все флаги в формате svg.

Дополнительная ссылка: http://www.aspdotnet-pools.com/2014/09/dropdownlist-item-with-custom-icon.html


person Geo Concepts    schedule 20.02.2018    source источник


Ответы (1)


Вы можете скачать их по адресу здесь. На основе ссылки на образец, которую вы упомянули, вы можете установить фоновое изображение/css для каждого элемента комбинации.

РЕДАКТИРОВАТЬ: мы не можем добиться этого с помощью раскрывающегося списка боли, см. это вопрос. Если мы используем Bootstrap или jQuery, мы можем добиться того же.

person SMR    schedule 20.02.2018