автоматическая подгрузка данных в поле select из csv, json или sql

bzzi

Местный житель
Регистрация
5 Мар 2016
Сообщения
161
Реакции
20
Добрый день! Прошу помощи в поиске скрипта с автоматической подгрузкой данных в форму из списка (список чуть больше чем 2000 наименований). Выгрузка удобнее из csv, но и другие форматы тоже подойдут. В идеале скрипт который при вводе нескольких букв подгрузит соответствующие значения.
Знаю только разметку нормально, с языками плохо и если объясните из какого формата лучше брать данные тоже буду признателен.
 
чуть больше чем 2000 наименований). Выгрузка удобнее из csv
сначала это все в базу данных нужно выгрузить, а уже потом делать подгрузку в поле select с поиском.
 
Теория понятна, интересна как раз её реализация готовым скриптом
 
интересна как раз её реализация готовым скриптом
stackowerflow и гугл в помощь. если нет желания искать и нет знаний для получения результата - используйте наемный платный труд
 
  • Нравится
Реакции: bzzi
Если нужен именно готовый скрипт - только в гитхаб репозиториях рыться среди куч.
 
  • Нравится
Реакции: bzzi
Добрый день! Прошу помощи в поиске скрипта с автоматической подгрузкой данных в форму из списка (список чуть больше чем 2000 наименований). Выгрузка удобнее из csv, но и другие форматы тоже подойдут. В идеале скрипт который при вводе нескольких букв подгрузит соответствующие значения.
Знаю только разметку нормально, с языками плохо и если объясните из какого формата лучше брать данные тоже буду признателен.
на вскидку: Для просмотра ссылки Войди или Зарегистрируйся
тянем функцией, потом 2 then и вьівод
 
@bzzi eсли наименований всего 2000, то можно грузить сразу все в один объект на стороне клиента, и там же использовать поиск, например в select2
Для подгрузки из CSV можно использовать что-то типа этого
Для просмотра ссылки Войди или Зарегистрируйся
И в сумме

HTML:
<select class="myselect" data-source="/uploads/data.csv"></select>
<script>
jQuery(function($) {
    $('.myselect').each(function(){
        var source = $(this).data('source'),
            $that = $(this);
        $.ajax({
            url: source,
            method: 'GET',
            success: function(data) {
                var csv = $.csv.toObjects(data),
                    options = csv.map(function(row){
                       // prepare to select2 format
                       // see https://select2.org/data-sources/arrays
                        return {
                            id: row.id,
                            text: row.name
                        };
                    });
                $that.select2({
                    data: options
                });
            }
        });
    });
});
</script>

PoC Для просмотра ссылки Войди или Зарегистрируйся
 
Назад
Сверху