document.getElementById('#selectId').change = function(){
var elem = (typeof this.selectedIndex === "undefined" ? window.event.srcElement : this);
var value = elem.value || elem.options[elem.selectedIndex].value;
var request;
if (window.XMLHttpRequest) {
request = new window.XMLHttpRequest();
} else {
request = new ActiveXObject("MSXML2.XMLHTTP");
}
request.open('GET', '/path/to/backend', true);
request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var jsonString = this.responseText; //{"value":"title", "value2":"title2"}
var data = JSON.parse(jsonString);
var optionsString = '';
for (var key in data) {
optionsString+= '<option value="' + key + '">' + data[key] + '</option>';
}
document.getElementById('#targetSelectId').innerHTML = optionsString;
}
}
request.send('selectValue=' + value);
}
<h2>Галерея 1</h2>
<a href="big_image_url" class="gallery" rel="group1"><img src="small_image_url"></a>
<a href="big_image_url" class="gallery" rel="group1"><img src="small_image_url"></a>
<h2>Галерея 2</h2>
<a href="big_image_url" class="gallery" rel="group2"><img src="small_image_url"></a>
<a href="big_image_url" class="gallery" rel="group2"><img src="small_image_url"></a>
<script>
jQuery(document).ready(function($){
$('.gallery').fancybox();
});
</script>