如何使用离子框架在选择选项中获取带有图像和名称的下拉菜单？ [关闭]

Posted 2023-03-06

【中文标题】如何使用离子框架在选择选项中获取带有图像和名称的下拉菜单？ [关闭]

【英文标题】：How do I get the drop down with image and name in select option using ionic framework? [closed]

【发布时间】：2017-01-05 09:44:09

【问题描述】：

我想在带有国旗的选择选项中列出国家/地区。 请解决方法

【问题讨论】：

请解决？请先阅读How to Ask 页面。

分享一些你到目前为止尝试过的代码行。

【参考方案1】：

这可能会对你有所帮助。

<div class="form-group">
<label class="control-label">Destination</label>
<input type="text" name="cdCountry" class="form-control" required />

<script>
$("[name='cdCountry']").select2(
    placeholder: "Select a country",
    formatResult: function (country) 
        return $(
          "<span><i class=\"flag flag-" + country.id.toLowerCase() + "\"></i> " + country.text + "</span>"
        );;
    ,
    data: yourDataSource
);

请不要忘记使用 css 库（css 和精灵）https://www.flag-sprites.com/