ViralPatva Ответов: 1

Как вставить искомую запись в раскрывающийся список автозаполнения ?

Привет,

Я хочу вставить искомую запись в раскрывающийся список автозаполнения.

Например, если у меня есть массив автомобилей, который имеет ценность

CAR1 , CAR2 и CAR3 , поэтому, когда я искал CAR4, то это значение CAR4 вставлялось в этот выпадающий список exisitng autocomplete.

заранее спасибо.
вирусный

Что я уже пробовал:

Я попробовал простой пример выпадающего списка автозаполнения. но я не могу найти решение для вышеуказанной проблемы.

ZurdoDev

Напишите код, чтобы сделать это. Но так как мы не видим ни одного из ваших элементов управления, я не уверен, что мы можем сказать вам больше.

Richard Deeming

https://github.com/algolia/autocomplete.js[^]

1 Ответов

Рейтинг:
2

Sarita Mall

Привет ,

вот решение этой проблемы:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

    <script type="text/javascript">

        $(document).ready(function() {

            var cars = ['CAR1', 'CAR2', 'CAR3'];

            $('[id$=txtAutocompCars]').autocomplete({
                source: cars.filter(onlyUnique)
            });

            $('[id$=txtAutocompCars]').focusout(function() {
                //alert("changed");
                var newcar = $('[id$=txtAutocompCars]').val();
                cars.push(newcar);

                //  jQuery.each(cars, function(i, val) {
                //  alert("Mine is " + val + ".");
                //  });

                //Recall the autocomplete function;
                $('[id$=txtAutocompCars]').autocomplete({
                    source: cars.filter(onlyUnique)
                });
            });

        });


        function onlyUnique(value, index, self) {
            return self.indexOf(value) === index;
        }
       
        
    </script>


html часть:

<input name="cars" id="txtAutocompCars" type="text" />

ViralPatva

Спасибо, Сарита.