別のドロップダウンの on change イベントで Select を作成するため、スクリプトは次のとおりです。
$ddlOther.on('change', function(e) {
var Json = {},
persons = [];
Json.id = $(this).val();
$.post('/PersonController/GetPersonDDL', Json, function(data) {
drivers = data;
}, 'json').done(function(data) {
$person.select2({
placeholder: "Select Persons(s)",
allowClear: true,
multiple: true,
data: persons
});
});
});
これは私のコントローラメソッドです:
public ActionResult GetPersonDDL(JsonDictionary args)
{
JsonResult result = null;
string id= args["id"].Trim();
var persons = _context.Persons
.Where(x => x.id== id)
.Select(x => new
{ x.first_name,
x.middle_name,
x.last_name, x.id
}).ToList();
foreach (var person in persons)
{
var item = new SelectListItem
{
Text = string.Format("{0} - {1} {2} {3}",
person.id,
person.first_name,
person.middle_name,
person.last_name),
Value = person.id
};
list.Add(item);
}
result = Json(list.Select(x=>new {value = x.Text,
id = x.Value}
), JsonRequestBehavior.AllowGet);
return result;
}
データは返されますが、コンソール (この場合は firebug) に次のエラーが表示されます。
TypeError: a is undefined
返されたJSON
ものは次のようになります。
[
Object { value="John Doe", id="1"},
Object { value="Jane Doe" id="2"}
]