私はselect2に苦労しています。
json を返す ajax 呼び出しがあります。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 からのすべての要素が表示されます。しかし、要素を選択しようとしても何も起こりません。入力内の要素を選択するにはどうすればよいですか?
ありがとう