понял как с формулировать:
в inf0.tpl код на выбор городов:
<script>
function loadXMLDoc(filename) {
if (window.ActiveXObject) {
xhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
else {
xhttp = new XMLHttpRequest();
}
xhttp.open("GET", filename, false);
try { xhttp.responseType = "msxml-document" } catch (err) { } // Helping IE11
xhttp.send(null);
return xhttp.responseXML;
}
document.addEventListener('DOMContentLoaded', function () {
var xml = loadXMLDoc("xml/city.xml"),
selCity = document.querySelector('#city'),
selStation = document.querySelector('#station2'),
i;
[].forEach.call(xml.querySelectorAll('city'), function (el) {
selCity.add(new Option(el.getAttribute('name'), el.getAttribute('name')))
})
selCity.addEventListener('change', function () {
selStation.options.length = 0 , i=0;
[].forEach.call(xml.querySelectorAll('city[name=' + this.value + '] > station2'), function (el) {
selStation.add(new Option(el.textContent, ++i));
})
})
})
</script>
<div class=selectind><select id=city><option selected>Россия_1</option></select></div></td>
<td>
<div class=selectind>inf3_moscu.tpl</div>
как загружать другие файлы? inf3_omsk.tpl inf3_novosib.tpl
этот код содержится в inf0.tpl
----------------------
в файле inf2.tpl будет поиск т.е:
<script>
function loadXMLDoc(filename) {
if (window.ActiveXObject) {
xhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
else {
xhttp = new XMLHttpRequest();
}
xhttp.open("GET", filename, false);
try { xhttp.responseType = "msxml-document" } catch (err) { } // Helping IE11
xhttp.send(null);
return xhttp.responseXML;
}
document.addEventListener('DOMContentLoaded', function () {
var xml = loadXMLDoc("xml/db.xml"),
selCity = document.querySelector('#marka'),
selStation = document.querySelector('#model'),
i;
[].forEach.call(xml.querySelectorAll('marka'), function (el) {
selCity.add(new Option(el.getAttribute('name'), el.getAttribute('name')))
})
selCity.addEventListener('change', function () {
selStation.options.length = 0 , i=0;
[].forEach.call(xml.querySelectorAll('marka[name=' + this.value + '] > model'), function (el) {
selStation.add(new Option(el.textContent, ++i));
})
})
})
</script>
<div class=new-select-style-wpandyou>
<select id=marka><option selected>Выберите авто</option></select>
</div></td>
<td>
<div class=new-select-style-wpandyou>
<select id=model>Выберите Модель</select>
</div>
но когда эти два скрипта находятся в месте а include связывает страницу в целое. т.е. два скрипта на одной стрнице работают не правельно.. и не знаю как загрузить файлы inf3_gorod.tpl
еще не добрался. где селект выбор городов.
