hola a todos, estoy iniciando con esto del jQuery y he escrito algo que en FireFox funciona muy bien pero en Google Chrome no funciona para nada. ¿alguien sabe por que? o me puede dar una luz por favor¿? De ante mano, muchas gracias
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" src="jQuery.js"></script> <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);
}
}
});
});
<select id="elSelect" style="width: 150px">