javascript - Select2 设置选择不处理分页选项

Question

我使用 select2 分页

这是我的 javascript 代码：

$("#propinsi").select2({
            width: "100%",
            placeholder: "Provinsi",
            ajax: {
                url: "{{ route('propinsi') }}",
                dataType: "json",
                data: function (params) {
                    return {
                        term: params.term || '',
                        page: params.page || 1,
                        page_limit: 10,

                    };
                }
                // cache: true
            }
        });

然后传递给控制器​​上的方法：

public function provinsi($page, $term, $page_limit, $kode_negara){                                        
        $offset = ($page - 1) * $page_limit;
        $result = [];
        $query = DB::table('m_wilayah_provinsi')->where(function($query) use ($kode_negara) {
            $query->where('id_negara', $kode_negara);
        })->select('id AS id', 'provinsi AS text');

        // if (!empty($term)) {
        //     $query->where('provinsi', 'like', '%'.$term.'%');  
        // }

        $count     = $query->count();
        $endCount  = $offset + $page_limit;
        $morePages =  $count > $endCount;
        $query     = $query->skip($offset)->take($page_limit)->get();

        $result = [
            'results'    => $query,
            'pagination' => [
                'more' => $morePages
            ]
        ];      

        return response()->json($result);
    }    

用于显示 json 数据工作正常，但我无法设置选中。

我已经尝试像这样设置 setected 但仍然无法正常工作：

$("#propinsi").val(1).trigger("change");

和

$("#propinsi").val(1);

任何人都可以帮助我吗？

标签： javascriptjqueryjquery-select2

Answer 1

尝试这个：

$("#propinsi").select2('data', {id: 100, a_key: 'Lorem Ipsum'});