Я такого раньше не видел. У меня есть вход с использованием автозаполнения jquery ui. Под ним находится метка следующего ввода. Но когда я ввожу в поле ввода, параметры отображаются красным цветом (того же цвета, что и мои метки), неактивная точка маркера. Вот HTML и ajax:
Разметка:
$form[15]['label'] = 'Artists';
$form[15]['input'] = '<div class="input-group mb-3">
<div class="input-group-prepend">
<a class="btn btn-success" href="javascript:showAddModal()">Add</a>
</div>
<input type="text" class="form-control" name="artist" id="artist" placeholder="Search for artist..">
<div class="input-group-append">
<a class="btn btn-warning" href="javascript:getArtist()">Edit</a>
</div>
</div>';
$form[16]['label'] = 'Accession Method';
$form[16]['input'] = '<select name="accession" id="subfolderSelect" class="select form-control">
'.$accessionOptions.'
</select>';
AJAX
$('#artist').autocomplete({
source: function(request, response) {
$.ajax({
url: "/modules/ajax/ajax_handler.php",
type: 'POST',
dataType: 'json',
data: {
action: 'getArtistNamesByInput',
input: $('#artist').val()
},
success: function(data) {
var result = JSON.parse(data);
console.log(data);
response(result);
}
});
}
});