Select2 无法选择 input 中的元素

Question

我正在为 select2 苦苦挣扎。

我有一个 ajax 调用，它返回一个 json。 json 的格式如下（来自服务器）：

 public function get_groups() 
    {
        $result = array();

        $sql = "SELECT * FROM auth_groups ";

        foreach ($this->db->query($sql)->result() as $row){
            $tmp = array("id" => $row->id ,"label" => $row->name );
            array_push($result, $tmp);
        }

        header('Content-type: application/json');
        echo json_encode($result);
    }

然后从我的 javascript 中我得到了：

$('#group_choice').select2({
            minimumInputLength: 2,
            ajax: {
                url: "/bonsejour/extranet/ajax/resources/get_groups",
                dataType: 'json',
                data: function (term, page) {
                    return {
                        term:term
                    };
                 },
                  results: function (data, page) {
                  var results = [];
                  $.each(data, function(index, item)
                  {
                    results.push({id:item.ID, text:item.label});
                  });

                  return {
                      results: results
                  };
                }
            }
        });

其中#group_choice是输入文本。

当我在输入框中输入一些文本时，它会显示来自 json 的所有元素。但是当我尝试选择一个元素时什么也没有发生。我如何选择输入中的元素？

谢谢

Answer 1

参考 http://ivaynberg.github.io/select2/#documentation

格式选择：格式选择方法，

函数 formatSelectionMethod(row) { return row.text;}

希望您会发现它有帮助。

Answer 2

请参考Select2 Ajax方法不选择、

并取正确的值：

id: function(data){return {id: data.id};},

或

id: function(data){return data.id}