在 select2 中添加带有文本的图像
Add images with text in select2
好吧,我正在创建一个选择标签下拉列表,其中包含国家名称作为选项,我想在其中添加受人尊敬的国家/地区标志:我使用了这个 HTML
<div class="form-group" id="abc">
<label class="col-md-2 control-label">Language: </label>
<div class="col-md-6">
<select class="select2me form-control" name = "locale" id="select_lang">
@foreach($languages as $lang)
<option value="{{$lang->locale}}" @if($lang->locale == $company->locale) selected="selected" @endif>{{$lang->language}}</option>
@endforeach
</select>
</div>
使用的 JAVASCRIPT:
jQuery(document).ready(function() {
$.fn.select2.defaults.set("theme", "bootstrap");
$('.select2me').select2({
placeholder: "Select",
width: '100%',
allowClear: false
});
function format(state) {
if (!state.id) return state.text; // optgroup
return "<img class='flag' src='" + MyFILEPATH() + "flags/" + state.id.toLowerCase() + ".png'/> " + state.text;
}
$("#select_lang").select2({
placeholder: "Select a Country",
allowClear: true,
formatResult: format,
formatSelection: format,
escapeMarkup: function (m) {
return m;
}
});
});
我试过这个,这工作正常:
$("#select_lang").select2({
placeholder: "Select a Country",
allowClear: true,
templateResult: format,
templateSelection: format,
escapeMarkup: function (m) {
return m;
}
});
请尝试使用模板结果和模板选择而不是格式结果和格式选择
相关文章:
- 将HTML表格导出到带有文本和图像的excel中
- 可单击滚动图像以显示文本框
- 正确输入的文本会更改图像
- 无法将包含文本和图像的SVG保存到画布
- 如何知道锚在文本或图像上
- 自动缩放图像以匹配文本高度
- 一个javascript实现base64图像编码并将结果写入文本文件
- 有人知道有没有jquery插件可以在图像上写文本,并让用户将其放置在图像内的任何位置
- jQuery对请求图像的外部文本进行查询
- 使输入文本的背景图像在点击“”时滑出视野;输入“”;
- 脚本图像获胜't用文本换行
- 将鼠标悬停在图像上时显示文本
- jQuery或JS代码,用于获取网页中当前选定的表单项/文本/图像的确切节点数据
- 如何将鼠标悬停在文本/图像上时触发动画文本
- 文本图像淡入淡出和淡入淡出问题:以连续方式显示文本淡入淡出
- 如何使用JavaScript将文本节点中的纯文本图像url替换为img元素
- Safari中的文本/图像按钮没有点击
- 从URL显示摘要文本/图像
- 删除默认文本"图像预览"在框中使用CKEditor
- 结合switch语句和onMouseOver显示文本&图像(javascript)