Как я могу установить выпадающие значения из файла JSON

Question

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

{"California":["Los Angeles","San Diego","San Jose","San Francisco","Fresno","Sacramento"]}

<input type="text" id="myCity" class="form-control mb-4" placeholder="City" value="San Diego, San Francisco">

<script class="show">
$('#myCity').selectize({
                        delimiter: ',',
                        persist: false,
                        maxItems: 5,
                        plugins: ['remove_button'],
    create: function(input) {
return {
value: input,
text: input
                            }
                        }
                    });
</script>

Answer 1

Вы также можете зацикливаться в городах и добавлять каждый параметр как дочерний элемент в объект DOM.

Answer 2

Я наконец нашел способ обойти это

var data = ["Los Angeles", "San Diego", "San Jose", "San Francisco", "Fresno", "Sacramento"];
    var cities = data.map(function(x) { return { city: x }; });
                $('#input-tags').selectize({
                    delimiter: ',',
                    persist: false,
                    maxItems: 5,
                    plugins: ['remove_button'],
                     valueField: 'city',
            labelField: 'city',
            searchField: 'city',
            options: cities,
            create:true,
            render: {
                option: function(item, escape) {

                    return '<div>' +
                            '<span class="name">' + escape(item.city) + '</span>' +
'</div>';

}
}
                    });