javascript - Select2、その要素をフォーマットする方法は?

Question

公式の 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
        });

要素をフォーマットする方法に関する select2 のコードを次に示します。

format(state)しかし、これstateはどういう意味ですか?の意味がよくわかりません。

---

ドロップダウン (連想配列からのデータ、user_id=>username) があります。ドロップダウンの結果要素をフォーマットして、ユーザーがユーザー名を選択できるだけでなく、ユーザー名の横にユーザーのアバターも表示できるようにします。

ここに私のコードのいくつかがあります...しかし、うまくいきません。

<script>
$(document).ready(function(){
        $("#s2id2").select2({
            formatResult: function(){return "<img width='25px' height='25px' src='<?php echo $avatar;?>'/>" + "<?php echo $friend->username;?>";},
            formatSelection: function(){return "<img width='25px' height='25px' src='<?php echo $avatar;?>'/>" + "<?php echo $friend->username;?>";},
        });
});
</script>

繰り返しますが、私のデータの構造は " user_id=>username" ...何かアイデアはありますか?