нагрузки многомерный массив JSON объектов в selectize.js

Question

Я хочу, чтобы загрузить этот JSON в selectize:

{"platforms": 

[{"id":32,"name":"Sega Saturn","slug":"saturn"}, 

{"id":14,"name":"Mac","slug":"mac"}, 

{"id":47,"name":"Virtual Console (Nintendo)","slug":"vc"}, 

{"id":34,"name":"Android","slug":"android"}, 

{"id":84,"name":"SG-1000","slug":"sg1000"}, 

{"id":58,"name":"Super Famicom","slug":"sfam"}, 

{"id":82,"name":"Web browser","slug":"browser"}] 

} 

Я хотел бы, чтобы работать очень похож на this example provided by the Selectize.js developers (за исключением части URL в каждом), за исключением того, очевидно, вместо предварительно сделанных идентификаторов и имен, используя мои данные json.

Любая помощь приветствуется.

код В настоящее время я пытаюсь использовать:

options: [ 
    for (var i = 0; i < platforms.platforms.length; i++) 
    { 
     var counter = platforms.platforms[i]; 
     {id: counter.id, title: counter.name}, 
     console.log(counter.name); 
    } 

Вот что JSON выглядит при входе его в консоли:

EDIT:This is another example that I'm looking at as it uses JSON.

Answer 1

Вы не можете использовать for insi de array/object, когда вы объявляете переменную. Javascript не является шаблоном, как PHP & HTML.

Вы также пропустили .slug. Попробуйте следующее:

var data = JSON.parse('{"platforms":[{"id":32,"name":"Sega Saturn","slug":"saturn"},{"id":14,"name":"Mac","slug":"mac"},{"id":47,"name":"Virtual Console (Nintendo)","slug":"vc"},{"id":34,"name":"Android","slug":"android"},{"id":84,"name":"SG-1000","slug":"sg1000"},{"id":58,"name":"Super Famicom","slug":"sfam"},{"id":82,"name":"Web browser","slug":"browser"}]}'); 
var options = []; 
$.each(data.platforms, function() 
{ 
    options.push({ 
     id: this.id, 
     title: this.name, 
     url: "hhtp://site.com/"+this.slug 
    }); 
}); 
var $select = $('#select-tools').selectize({ 
    maxItems: null, 
    valueField: 'id', 
    labelField: 'title', 
    searchField: 'title', 
    options: options, 
    create: false 
}); 

Answer 2

Код, который вы показываете, имеет несколько синтаксических ошибок. Вы не очень хорошо знакомы с JavaScript?

@klenium прав, как по его предложению, так и путем отображения полного кода, который может работать сам по себе. Вы должны перейти на сайт, например Plunkr или JSFiddle, добавить правильный импорт, запустить там этот код, и если он не сделает то, что вы ожидаете, поставьте здесь ссылку на страницу, чтобы мы могли проверить, что было не так.

Примечание: один интерес Selectize является то, что он может получить почти любые данные без предварительной обработки, поэтому код, вероятно, может быть уменьшен до (непроверенный!):

var $select = $('#select-tools').selectize({ 
    maxItems: null, 
    valueField: 'id', 
    labelField: 'title', 
    searchField: 'title', 
    options: data.platforms, // Just use the Json data as it is 
    create: false 
});