Javascript 选择2，如何格式化它的元素？

我已经阅读了官方的API文档，但我并没有真正理解它

   function format(state) {
            if (!state.id) return state.text; // optgroup
            return "<img class='flag' src='images/flags/" + state.id.toLowerCase() + ".png'/>" + state.text;
        }
        $("#e4").select2({
            formatResult: format,
            formatSelection: format
        });

---

同样，我的数据结构是“

user\u id=>username

”。有什么想法吗

结果我放弃了使用javascript，而是使用了以下函数：

foreach($friends as $friend){
$avatar = Profile::model()->findByPk($friend)->avatar;
array_push_assoc($list,$friend2->sender,"<img width='20px;' height='20px;' style='float:left; margin-left:10px; margin-right:10px;' src='".$avatar2."'/>".$friend2->senderx->username);
}

foreach（$friends as$friends）{
$avatar=Profile:：model（）->findByPk（$friend）->avatar；
数组推送关联（$list，$friend2->sender，“.”$friend2->senderx->username）；
}

我认为

状态

只是一个变量，因为代码在名为

flags

的文件夹中显示图像。我假设用户正在选择一个州，结果是该州标志的图像。您也可以查看这个Yii扩展：。@VIDesignz感谢您的回复。但我仍然不知道如何编写格式代码。例如，我应该在代码中使用什么变量？：-）@谢谢你！我已经读过了，但在我的例子中，我需要从数据库中加载头像，所以我不能使用该格式…首先，在formatSelection函数之后，我会去掉逗号

，

foreach($friends as $friend){
$avatar = Profile::model()->findByPk($friend)->avatar;
array_push_assoc($list,$friend2->sender,"<img width='20px;' height='20px;' style='float:left; margin-left:10px; margin-right:10px;' src='".$avatar2."'/>".$friend2->senderx->username);
}