chrome no me respeta javascript

[dukeblass]

Iniciado por refreegrata

No creo que funcione ya que estás intentando agrupar las filas de la tabla con un span para luego ocultar o mostrar el span y las filas interiores. El span no te servirá para agrupar las filas de una tabla. Lo que podrías hacer es colocar un id directamente sobre las filas quieres mostrar u ocultar y trabajar con estos en la función.

Saludos.

Exactamente tu problema no es el script es la falta de orden en las equitas

el span solo almacena texto y solo.. nada mas no le meta un tr o un div o un p

resolviendo eso te queda así

Código HTML:

<form action="algo.php" method="POST">
                <p>Tipo de Captura</p>
                <div>
                    <select name="tipo" id="tipo" class="required" onchange="toggle_tipo1(this);toggle_tipo0(this);">
                        <option value="">- - - - -Seleccione- - - - -</option>
                        <option value="1">CARGO</option>
                        <option value="2">ABONO</option>                        
                    </select>
                </div>
                <div  id="span_tipo1" style="display:none">
                    <div>
                        <p>Concepto de Cargo:</p>
                        <select name="concepto_a" id="concepto_a">
                            <option value="">- - - - -Seleccione- - - - -</option>
                            <option value="opcion1">opcion1</option>
                            <option value="opcion2">opcion2</option> 
                        </select>
                     </div>
                </div>
                <div  id="span_tipo0" style="display:none">
                    <div>
                        <p>Concepto de Abono:</p>
                        <select name="concepto_a" id="concepto_a">
                            <option value="">- - - - -Seleccione- - - - -</option>
                            <option value="opcion1">opcion1</option>
                            <option value="opcion2">opcion2</option> 
                        </select>
                    </div>
                    <div>
                        <p>Cuenta Destino:</p>
                        <select name="banco" id="banco" class="required">
                            <option value="">- - - - -Seleccione- - - - -</option>
                            <option value="opcion1">opcion1</option>
                            <option value="opcion2">opcion2</option> 
                        </select>   
                    </div>
                </div>
            </form>
 

Código Javascript:

function toggle_tipo1(elemento) {
                if(elemento.value==1) {
                document.getElementById("span_tipo1").style.display = "inline";
                    } else {
                document.getElementById("span_tipo1").style.display = "none";
                }
        }
        
        function toggle_tipo0(elemento) {
            if(elemento.value==2) {
                document.getElementById("span_tipo0").style.display = "inline";
            } else {
                document.getElementById("span_tipo0").style.display = "none";
            }
        }
 

esto funciona para Gecko, trident y webKit -> (FF,IE,Sfari,Chrome)


Le agregas lo que desees o cambias a tablas, pero RESPETA EL ORDEN Y LAS ETIQUETAS EN HTML DENTRO DEL DOM