フォームの select 要素で Select2 4.0 を使用すると、Ajax モードで動的に入力することを意図した要素が IE9 で機能しません。プレースホルダーのない空の選択が表示されます。
クラシック モード (事前に入力された選択リスト) のものは、正しく表示され、機能しています (select2 search..)。
他のページで古いバージョンの 3.5.2 を使用すると、問題は発生しません...!
これは既知の問題ですか? 修正可能なもの?
どうも
JS は次のとおりです。
$(".select2Ajax").not(".select2-container").each(function(){
var min = $(this).data('min'); // 3
var configs = {
"width":"100%",
language: $locale, // 'fr'
ajax: {
dataType: 'json',
delay: 250,
data: function (params) {
return {
q: params.term
};
},
processResults: function (data, page) {
return {
results: data
};
},
cache: true
},
escapeMarkup: function (markup) { return markup; },
minimumInputLength: min
};
$(this).select2(configs);
})//.each
HTML:
<select id="contrat_kam" name="contrat[kam]" class="select2Ajax form-control" data-min="3" data-ajax--url="/My/Ajax/Source/url-returning-json-formatted-list/from-search-term">
<option value="">Here is my intitial placeholder</option>
</select>
また、通常のクライアント (Chrome) で select2 フィールドに入力したときにサーバーから返されるものの例:
[{"id":"75484567","text":"Bestnameever Ronald"},{"id":"12344568","text":"Nameofdude C\u00e9dric"},{"id":"01202795","text":"SecondDudesName John"},{"id":"00709297","text":"Doe John"}]
ありがとうございました