Hola amigos, tengo un código en javascript, son unos select dependientes de dos niveles pero para mi aplicación uso diez o mas pares de estos select en la misma pagina. Bueno el problema esta en que solo funcionan en Internet explorer 8, no en google crome o Mozilla Firefox, puede que funcione el primer par pero de ahí en adelante ya no funcionan los de mas. Por el contrario en IE8 funcionan todos sin ningún problema. Dejo el código para que lo comprueben:
Código:
<form name="select" method="post">
<select name="documento1" id="or" onchange="Combos1(this)">
<option value=" "></option>
<option value="No">No</option>
<option value="Si">Si</option>
<option value="N/A">N/A</option>
</select>
<label for="documento11"></label>
<select name="documento11" id="documento11" style="visibility:text"> </select>
<script language="javascript">
function Combos1(x) {
ItDepend=document.getElementById('documento11');
if(!ItDepend){return;}
var mitems=new Array();
mitems['Si']=['Si'];
mitems['No']=['No'];
mitems['N/A']=['N/A'];
ItDepend.options.length=0; ItActual=mitems[x.options[x.selectedIndex].value];
if(!ItActual){return;} ItDepend.options.length=ItActual.length;
for(var i=0;i<ItActual.length;i++) {
ItDepend.options[i].text=ItActual[i];
ItDepend.options[i].value=ItActual[i]; }}
</script>
<br>
<select name="documento2" id="or" onchange="Combos2(this)">
<option value=" "></option>
<option value="No">No</option>
<option value="Si">Si</option>
<option value="N/A">N/A</option>
</select>
<label for="documento22"></label>
<select name="documento22" id="documento2" style="visibility:text" > </select>
<script language="javascript">
function Combos2(x) {
ItDepend=document.getElementById('documento22');
if(!ItDepend){return;}
var mitems=new Array();
mitems['Si']=['Si'];
mitems['No']=['No'];
mitems['N/A']=['N/A'];
ItDepend.options.length=0; ItActual=mitems[x.options[x.selectedIndex].value];
if(!ItActual){return;} ItDepend.options.length=ItActual.length;
for(var i=0;i<ItActual.length;i++) {
ItDepend.options[i].text=ItActual[i];
ItDepend.options[i].value=ItActual[i]; }}
</script>
<br>
<select name="documento3" id="or" onchange="Combos3(this)">
<option value=" "></option>
<option value="No">No</option>
<option value="Si">Si</option>
<option value="N/A">N/A</option>
</select></td><td>
<label for="documento33"></label>
<select name="documento33" id="documento3" style="visibility:text" > </select>
<script language="javascript">
function Combos3(x) {
ItDepend=document.getElementById('documento33');
if(!ItDepend){return;}
var mitems=new Array();
mitems['Si']=['Si'];
mitems['No']=['No'];
mitems['N/A']=['N/A'];
ItDepend.options.length=0; ItActual=mitems[x.options[x.selectedIndex].value];
if(!ItActual){return;} ItDepend.options.length=ItActual.length;
for(var i=0;i<ItActual.length;i++) {
ItDepend.options[i].text=ItActual[i];
ItDepend.options[i].value=ItActual[i]; }}
</script>
</form>