после обновления массива json до data-autocomplete не обновляется значение data-autocomplete

Question

Я создаю динамическую форму для больницы.Здесь у меня есть проблема с автозаполнением данных.Проблема в том, что после обновления массива json до data-autocomplete = '' он не обновляет значение data-autocomplete = '' .КАК я использую html (bootstrap) и php templete для своих форм внешнего интерфейса, поэтому все ссылки правильно расположены, и один элемент ввода, подобный этому, работает нормально, но я обновил значения, используя php для этого ввода.

HTML-код

<input type='text' class="form-control ui-autocomplete-input" data-autocomplete='' autocomplete="off" id="patient_type_desc" name="patient_type_desc" class="form-control" />

JQuery Code

$.post(url, {"referral":referral}, function(data){
   //console.log(data);
   $('#patient_type_desc').attr('data-autocomplete', data);
});

Этот код обновляет значение, но автозаполнение в форме не заполняется предложениями.

Переменная данных выглядит следующим образом

["name1","name2"]

Я пытался использовать этот код jQuery, но безрезультатно - Этот код не работает

$( "#patient_type_desc" ).autocomplete({
  source: data
});

Answer 1

Мой Jquery теперь такой:

$.post(url, {"referral":referral}, function(data){
                //console.log(data);
                $( "#patient_type_desc" ).autocomplete({
                    source: data
                });
                    //$('#patient_type_desc').attr('data-autocomplete', data);
                }, "json");

Наконец-то, добавив "json".Спасибо за все, братан.

Answer 2

Пожалуйста, проверьте ниже код, найти скрипку также здесь Скрипка .Надеюсь, это поможет вам.

<div class="form-group ui-widget">
<label for="plugins">Patient Type desc</label>
<input type='text' class="form-control ui-autocomplete-input" data-autocomplete='' autocomplete="off" id="patient_type_desc" name="patient_type_desc" class="form-control" />
</div>

<script>
  $(function()   
     var patient_type_desc = [
    "name1",
    "name2",
    "name3",
    "name4"
    ];

    $("#patient_type_desc").autocomplete({source: patient_type_desc});

    $("ul.ui-autocomplete").css("left","450px");

});
</script>

<style>
ul.ui-autocomplete { padding-left: 0; list-style-type: none; border: black 1px solid; display: inline-block;}
ul.ui-autocomplete li:hover { background-color: gray; }
ui-helper-hidden-accessible {display: none;}
</style>