Автозаполнение jQuery / Ajax и сопоставление результатов

#jquery #autocomplete

Вопрос:

я использую библиотеку автозаполнения jquery от , но также у меня есть проблема с данными предложениями. Например, он не следует за строкой от начала до конца. Если у меня есть 3 элемента страх, эльф, мофо и введите F в поле ввода, он выделит все три слова, потому что во всех трех есть слово F. Моя идея состоит только в том, чтобы показать слово страха.

Текущий код является:

 <script>
// var countries = [{
//         value: 'Andorra',
//         data: 'AD'
//     },
//     {
//         value: 'Zimbabwe',
//         data: 'ZZ'
//     }
// ];, JSON_UNESCAPED_SLASHES);
var certificates = [<?php echo $certificates ?>];
jQuery(document).ready(function($) {
    $('#autocomplete').autocomplete({
        lookup: certificates,

        onSelect: function(suggestion) {
            console.log('You selected: '   suggestion.value   ', '   suggestion.data);
            $.ajax({
                type: "POST",
                url: the_ajax_script.ajaxurl,
                data: {
                    action: "load_cp_ajax",
                    id: suggestion.data
                },

                beforeSend: function() {
                    console.log("loading cp");
                    $("#cp-result").html('<i class="fal fa-spinner-third fa-spin"></i>');


                },
                success: function(result) {
                    console.log(result);
                    $("#cp-result").html(result);

                },
                error: function(result) {
                    console.log("error loading");
                }
            });
        }
    });
});
 

Комментарии:

1. Пожалуйста, отредактируйте свой вопрос и добавьте функцию на стороне сервера, которая возвращает результаты. Это, вероятно, то, где вам нужно что-то изменить.