Это то, что select2.github.io дает вам:
function addIcons(opt) {
if (!opt.id) {
return opt.text;
}
var $opt = $(
'<span><img src="/images/flags/' + opt.element.value.toLowerCase() + '.png" class="img-flag" /> ' + opt.text + '</span>'
);
return $opt;
}
Я хотел бы добавить атрибут data-image в мои параметры:
<option value="flag" data-image="/images/flags/flag.png">Country 1</option>
и запишите его в функцию:
function addIcons(opt) {
if (!opt.id) {
return opt.text;
}
var optimage = opt.attr('data-image');
var $opt = $(
'<span><img src="/images/flags/' + optimage + '" class="img-flag" /> ' + opt.text + '</span>'
);
return $opt;
}
К сожалению, простой console.log(opt); ничего не возвращает в функции, поэтому я не вижу, могу ли я получить доступ к своему атрибуту data-image. Вышеупомянутый блок кода возвращает ошибку, поэтому это явно не работает. Любые предложения по этому вопросу?