1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
   | <head>
<style>
select {width:150px;}
</style>
<script language="JavaScript" type="text/javascript">
var url; 
var moz = (document.implementation && document.implementation.createDocument); 
var ie = (window.ActiveXObject); 
function charge_xml(table, filtre, filtre_id, sel) {
   url = './charge_xml.asp?table=' + escape(table); 
   url += '&filtre=' + escape(filtre);
   url += '&filtre_id=' + escape(filtre_id);
   url += '&ord=' + rnd();
   if (moz)    {var xmlHTTP = new XMLHttpRequest();}
   else if (ie)    {var xmlHTTP = new ActiveXObject('Microsoft.XMLHTTP');}
   xmlHTTP.open('GET', url, false);
   xmlHTTP.send('');
   xml = xmlHTTP.responseXML.getElementsByTagName(table);
   for (x=sel.length-1; x>=0; x--)   {sel.options[x] = null;}
   for (x=0; x<=xml.length-1; x++) {
      sel[sel.length] = new Option(xml[x].getAttribute('nom'));
      sel[sel.length-1].value = xml[x].getAttribute('id'); 
   }
}
function rnd() {
   ord=Math.random();
   ord=ord*10000000000000000000;
   return ord;
}
</script>
</head>
<body onload="charge_xml('pays', '', 0, document.f.pays);">
<form name="f">
<select name="pays" size="5" onchange="charge_xml('villes', 'pays_id', this.value, document.f.villes);"></select>
<select name="villes" size="5"></select>
</body>
</html> | 
Partager