Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在select2中添加带有文本的图像_Javascript_Jquery - Fatal编程技术网

Javascript 在select2中添加带有文本的图像

Javascript 在select2中添加带有文本的图像,javascript,jquery,Javascript,Jquery,我正在创建一个选择标签下拉列表,将国家名称作为选项,并希望添加受尊敬的国家标志: 我用了这个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-cont

我正在创建一个选择标签下拉列表,将国家名称作为选项,并希望添加受尊敬的国家标志: 我用了这个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>

语言:
@foreach($lang形式的语言)
语言环境==$company->locale)selected=“selected”@endif>{{{$lang->language}
@endforeach
使用的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'/>&nbsp;&nbsp;" + state.text;
            }
            $("#select_lang").select2({
                placeholder: "Select a Country",
                allowClear: true,
                formatResult: format,
                formatSelection: format,
                escapeMarkup: function (m) {
                    return m;
                }
            });
    });
jQuery(文档).ready(函数(){
$.fn.select2.defaults.set(“主题”、“引导”);
$('.select2me')。选择2({
占位符:“选择”,
宽度:“100%”,
allowClear:错误
});
函数格式(状态){
如果(!state.id)返回state.text;//optgroup
返回“”+state.text;
}
$(“选择语言”)。选择2({
占位符:“选择一个国家”,
allowClear:是的,
formatResult:format,
格式选择:格式,
逃逸标记:功能(m){
返回m;
}
});
});

我试过这个,效果很好:

$("#select_lang").select2({
    placeholder: "Select a Country",
    allowClear: true,
    templateResult: format,
    templateSelection: format,
    escapeMarkup: function (m) {
    return m;
  }
});

请尝试使用templateResult和templateSelection,而不是formatResult和formatSelection

我尝试了这个方法,效果很好:

$("#select_lang").select2({
    placeholder: "Select a Country",
    allowClear: true,
    templateResult: format,
    templateSelection: format,
    escapeMarkup: function (m) {
    return m;
  }
});
请尝试使用templateResult和templateSelection,而不是formatResult和formatSelection