jquery-select2 - Select2 无法选择输入内的元素

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

请参考Select2 Ajax Method Not Selecting ,

并取正确的值：

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

或者

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

Answer 2

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

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

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

我希望你会发现它有帮助。