problemas con disabled en ff

[darion]

Hola que tal amigos tengo un problemita tengo un select y segun seleccion se habilita en input y se deshabilitan los otros 3 input
ahora si no se selecciona ninguno,(porque esta seleccionado por defecto el primero )
los otros tres option estan deshabilitados
en IE funciona barbaro pero en FF no lo puedo hacer andar dejo el codigo a ver si me pueden ayudar
Saludos

Código Javascript:

$(document).ready(function(){
$("#radios2").attr("disabled", "disabled");
$("#radios3").attr("disabled", "disabled");
$("#radios4").attr("disabled", "disabled");
$("#radios5").attr("disabled", "disabled");
 
$("#condicion_iva").change (function(){
 
val = $("#condicion_iva option:selected").val();
 
$(".radio").each(function(i){i++;
 
if( i == val )
{
$("#radios"+i).attr("disabled", false);
$("#radios"+i).show(0).find(".4").val("");
 
}
 
else{
 
$("#radios"+i).attr("disabled", "disabled");
$("#radios"+i).hide(0).find(".4").val("");
}
}); }); });;
 

[Dany_s]

podrias pasar el html para probar?

[darion]

Hola como estas
te lo paso.

Código HTML:

<table width="100%" border="0" >
 
    <tr >
 
      <td >
        <label for="condicion_iva">Condición I.V.A.:</label>
      </td>
      <td>
        <select name="condicion_iva[]" id="condicion_iva" tabindex="1">
         
          <option value="<?php echo $reg [0] ?>"><?php echo $reg [1] ?>;</option>
         
        <?php    
    $sql="select * from condicion_iva";
    $res=mysql_query($sql,Conectar::con());
    while($reg=mysql_fetch_array($res)) 
          { 
          ?>
          <?php
          }
          ?>
         </select>
      </td>
     
    
      <td>
      <div class="radio" id="radios1" > 
      <span id="sprytextfield1">
      <input type="text" name="dni" class="4" tabindex="2" id="dni1" onBlur="verifica_cliente(document.cliente.dni1.value,'','verifica_cliente.php')"/><br />
      <span class="textfieldRequiredMsg">Se necesita un valor.</span><span class="textfieldMinCharsMsg">Mínimo 7 caracteres</span><span class="textfieldMaxCharsMsg">Maximo 8 caracteres </span></span>
      </div>
      
      
      <div class="radio" id="radios2" style="display:none"> 
      <span id="sprytextfield11">
      <input type="text" name="dni" class="4" tabindex="2" id="dni2" onBlur="verifica_cliente(document.cliente.dni2.value,'','verifica_cliente.php')" /><br />
      <span class="textfieldInvalidFormatMsg">Formato no válido.</span> <span class="textfieldRequiredMsg">Se necesita un valor.</span>
      </span>
      </div>
      
      <div class="radio" id="radios3" style="display:none" >
      <span id="sprytextfield12">
      <input type="text" name="dni" class="4" tabindex="2" id="dni3" onBlur="verifica_cliente(document.cliente.dni3.value,'','verifica_cliente.php')" /><br>
      <span class="textfieldInvalidFormatMsg">Formato no válido.</span><span class="textfieldRequiredMsg">Se necesita un valor.</span>
      </span>
      
      
      </div>
      
      <div class="radio" id="radios4" style="display:none">
      <span id="sprytextfield13">
      <input type="text" name="dni" class="4" tabindex="2" id="dni4" onBlur="verifica_cliente(document.cliente.dni4.value,'','verifica_cliente.php')" /><br>
      <span class="textfieldInvalidFormatMsg">Formato no válido.</span><span class="textfieldRequiredMsg">Se necesita un valor.</span>
      </span>
      
      
      </div>
      
      
      <div class="radio" id="radios5" style="display:none"> 
      <span id="sprytextfield14">
      <input type="text" name="dni" class="4" tabindex="2" id="dni5" onBlur="verifica_cliente(document.cliente.dni5.value,'','verifica_cliente.php')" /><br>
      <span class="textfieldInvalidFormatMsg">Formato no válido.</span><span class="textfieldRequiredMsg">Se necesita un valor.</span>
      </span>
      
      </div>
 

[Dany_s]

me esperaba solo html sin php je cuando publicas código tratá de limpiar las cosas que no son relevantes para el problema asi es más fácil la lectura, como los eventos onBlur span y esas cosas je

atributo disabled a un div? que queres desabilitar el input u ocultar el div?

[darion]

no sabia todo eso perdon
lo que quiero hacer es deshabilitar el input

[Dany_s]

te paso algo ya me tengo que ir

Código HTML:

<html>
    <head>
        <title>Ejemplo</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
        <script>
$(document).ready(function(){
 
    valorSelect = $("#condicion_iva").val();
    $(".radio:gt("+ (valorSelect-1) +") input").attr("disabled", true);
 
    $("#condicion_iva").change (function(){
        val = $(this).val();
        div = $(".radio:eq("+ (val - 1 ) +")");
        div.find('input').attr("disabled", false);
        div.siblings().find('input').attr("disabled", true);
    });
});
 
        </script>
    </head>
 
    <body>
 
        <select id="condicion_iva">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
        </select>
 
 
      <div class="radio">
        <input type="text" />
      </div>
 
      <div class="radio">
        <input type="text" />
      </div>
 
      <div class="radio" >
        <input type="text" />
      </div>
 
      <div class="radio" >
        <input type="text" />
      </div>
 
    </body>
</html>
 

fijate como funcion el selector :gt, :eq y el método siblings

[darion]

buenisimo te agradezco un monton
ya lo pruebo
Saludos

[darion]

funciono perfecto !!!!
Muchas gracias
Saludos