JVectormapのjvectormap-elementからデータ属性の最後の2文字(この場合はVA)を取得しようとしています。データベースのStateオブジェクトと比較し、select2プラグインで対応する郡をロードします。 select2のAJAXでデータを設定できません。これまで私は次のコードを試しました。前もって感謝します。select2プラグインでJSONデータを読み込む方法
HTML
<input type="hidden" class="tag">
JS:
$(".jvectormap-element").on("click", function(){
data1 = $(this).data("code");
$state = data1.slice(3, 5);
$(".tag").select2({
tags: true,
multiple: true,
cache: true,
allowClear: true,
ajax: {
type: "get",
url: http_host + '/leads/regions/counties?state=' + $state,
data: {state: $state},
dataType: "json",
processResults: function(data) {
optionsValues='';
for (var i=0;i<data.length;i++) {
optionsValues += '<option>' + data[i].CountyName + '</option>';
}
}
}
}); console.log($(".tag").select2('data'));
});
});
URLからJSONデータ:
[{"CountyName":"Accomack"},{"CountyName":"Albemarle"},{"CountyName":"Alexandria City"},.....]