Select2无法选择选项

Question

我在Java项目中使用的是select2 4.0.6。使用JSON API获取源数据。其显示的下拉项目，但无法通过键入选择单个项目。但是用鼠标选择它的效果很好。

这是我的JSFiddle链接

我的示例代码如下-

            
            function loadMedicines(manufacturerId) {
                $("[id $= '.medicine']").select2({
                    ajax: {
                        url: url+'?id='+manufacturerId,
                        dataType: 'json',
                        processResults: function (jsonData) {
                            return {
                                results: $.map(jsonData.data, function (item) {
                                    return {
                                        id: item.id,
                                        text: item.brandName
                                    }
                                })
                            };
                        }
                    }
                });
            }

          <label>Manufacturer</label>

          <select id="manufacturer" name="manufacturer" onchange="loadMedicines(this.value);">
            <option value="0">Please Select</option>
            <option value="2">ACI</option>
            <option value="1">Beximco</option>
            <option value="3">Square</option>
          </select>


    <label>Medicines</label>

          <select id="lists0.medicine" name="lists[0].medicine" class="reqDetMed">
            <option value="">Please Select</option>
          </select>

          <select id="lists1.medicine" name="lists[1].medicine" class="reqDetMed">
            <option value="">Please Select</option>
          </select>