usuarios.xml
Código XML:
Ver original
<?xml version="1.0" encoding="UTF-8"?> <combobox id="elSelect"> <usuario> <id>1</id> <nombre>Julian</nombre> </usuario> <usuario> <id>2</id> <nombre>Andres</nombre> </usuario> <usuario> <id>3</id> <nombre>Lasso</nombre> </usuario> </combobox>
index.html
Código HTML:
Ver original
<script type="text/javascript" language="javascript"> function addOpt(oCntrl, sTxt, sVal){ var selOpcion = new Option(sTxt, sVal); var iPos = oCntrl.options.length; oCntrl.options[iPos] = selOpcion; } $(document).ready(function() { $.ajax({ type: "GET", url: "usuarios.xml", dataType: "xml", async: false, success: function (datos) { var cnt = datos.getElementsByTagName('combobox')[0].getElementsByTagName('usuario').length; for (x=0;x<cnt;x++) { var sVal = datos.getElementsByTagName('combobox')[0].getElementsByTagName('usuario')[x].getElementsByTagName('id')[0].firstChild.data; var sTxt = datos.getElementsByTagName('combobox')[0].getElementsByTagName('usuario')[x].getElementsByTagName('nombre')[0].firstChild.data; addOpt(document.getElementById('elSelect'), sTxt, sVal); } } }); }); </script> <select id="elSelect" style="width: 150px"> </select>