Efectivamente ese no es el problema ya que el value que le estoy otorgando al select es 1 y 2 respectivamente pero a ver les pongo la parte del formulario:
Primero el Javascript completo:
Código:
<script type="text/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";
}
}
</script>
</script>
Y del Formulario:
Código:
<form action="algo.php" method="POST">
<table>
<tr>
<th>Tipo de Captura</th>
<td><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></td>
</tr>
<span id="span_tipo1" style="display:none">
<tr>
<th id="vis_table">Concepto de Cargo:</th>
<td><select name="concepto_a" id="concepto_a">
<option value="">- - - - -Seleccione- - - - -</option>
<option value="opcion1">opcion1</option>
<option value="opcion2">opcion2</option>
</select></td>
</tr>
</span>
<span id="span_tipo0" style="display:none">
<tr>
<th id="vis_table">Concepto de Abono:</th>
<td><select name="concepto_a" id="concepto_a">
<option value="">- - - - -Seleccione- - - - -</option>
<option value="opcion1">opcion1</option>
<option value="opcion2">opcion2</option>
</select></td>
</tr>
<tr>
<th id="vis_table">Cuenta Destino:</th>
<td><select name="banco" id="banco" class="required">
<option value="">- - - - -Seleccione- - - - -</option>
<option value="opcion1">opcion1</option>
<option value="opcion2">opcion2</option>
</select></td>
</tr>
</span>
<tr>
<th id="vis_table">Descripcion:</th>
<td><input type="text" class="required" name="descripcion" id="descripcion" size="25" onkeyup="this.value=this.value.toUpperCase()" /></td>
</tr>
<tr>
<th id="vis_table">Monto:</th>
<td><input type="text" class="required" name="monto" id="monto" onkeyup="this.value=this.value.toUpperCase()" size="25" /></td>
</tr>
<tr>
<th id="vis_table">Moneda:</th>
<td><select name="moneda" id="moneda">
<option value=" ">- - - - Seleccione - - - -</option>
<option value="MXN">MONEDA NACIONAL</option>
<option value="USD">DOLAR</option>
</select></td>
</tr>
<tr>
<th id="vis_table">Tipo de Cambio:</th>
<td><input type="text" class="required" name="tip_camb" id="tip_camb" size="25" /></td>
</tr>
<tr>
<td><input type="reset" value="Restablecer" name="borra"/></td>
<td align="center"><input type="submit" value="Guardar"></td>
</tr>
</table>
</form>
Y eso seria todo y todo esto funciona perfectamente en explorer y firefox, la verdad no lo he probado en safari, pero me piden que se vea en explorer, firefox y chrome . . .
Saludos