При условии, что, если есть данный HTML на страницы реализовать можно таким образам.
<div class="divID">
<span>Эффекты для изображения</span>
<select name='loadJSON-effects'></select>
</div>
<div class="divID">
<span>Эффекты для страницы</span>
<select name='loadJSON-easing'></select>
</div>
// json.php: '{"effects": {"name1": "value1", "name2": "value2", "name3": "value3"}, "easing": {"name1": "value1", "name2": "value2"}}'
jQuery(function($) {
$.getJSON('json.php', function( data ) {
$.each(data, function( select, options ) {
var select = $('select[name=loadJSON-' + select + ']');
if ( !select && !($.isPlainObject( options ) || $.isArray( option )) ) {
return;
}
$.each(options, function( value, text ) {
select.append('<option value="' + value + '">' + text + '</option>');
});
});
});
});
Если же создавать SELECT на лету, то мне нужно понять по какому принципу их вставлять в блоки <div class="divID">
Ведь у каждого блока свой уникальный заголовок <span>Эффекты для изображения</span> || <span>Эффекты для страницы</span>