2

Mi problema es el siguiente selecciono un valor en un combobox y se rellena un textbox todo bien hasta ahí, pero cuando quiero usar el valor del textbox para ocultar un div no puedo, me podrían ayudar este es mi código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento sin título</title>



<script type="text/javascript">
    function showContent() {
       // element = document.getElementById("content");

        if (showId="Empleado") {
            element.style.display='block';
        }
        else {
            element.style.display='none';
        }
    }
    function cambioOpciones()

        {

            document.getElementById('showId').value=document.getElementById('opciones').value;

        }
</script>

          <?php
    require ('conexion.php');


        $query2 = "SELECT idpuestos, puesto, tipo FROM puestos ORDER BY puesto";
    $resultado2=$mysqli->query($query2);


?>
<label for="puesto" style="margin-left:2%;" >Puesto:</label> <select id='opciones' name="opciones" onchange='cambioOpciones();'>
<option value=" "> </option>
    <?php while($row2 = $resultado2->fetch_assoc()) { ?>
        <option value='<?php echo $row2['tipo']; ?>'><?php echo $row2['puesto']; ?></option>
<?php } ?>

    </select>

    <!-- input donde se mostrara el id de la opción -->

<input type="text"  name="showId"  id='showId' value="" onchange="javascript:showContent()" />

<div id="content" style="display: none;">
  <label for="ib" style="margin-left:8%;" >NSS*:</label> 
<input type="text" name="nss" id="nss" value=" " autocomplete="off" required  />

<!--   ///si no es necesario debe estar oculto en caso de ser cobrador asesor y gestor de cobranza  --->
<label for="cb" style="margin-left:2%;" >Cuenta Bancaria*:</label> 
<input type="text" name="cb" id="cb" value=" " autocomplete="off" required  />

<label for="ib" style="margin-left:2%;" >institucion Bancaria*:</label> 
<input type="text" name="ib" id="ib" value=" " autocomplete="off" required  />
 </div>
  </body>
</html>

1 respuesta 1

1

No necesitas dos funciones, puedes hacerlo todo en la misma funcion. Ademas cuando chequeas condiciones con if necesitas usar == para comparar. Algo asi:

function cambioOpciones()
{ 
    var element = document.getElementById('content');
    var showId = document.getElementById('opciones').value;
    document.getElementById('showId').value = showId;
    if (showId=="Empleado") {
        element.style.display='block';
    }
    else {
        element.style.display='none';
    }

}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento sin título</title>
         
<label for="puesto" style="margin-left:2%;" >Puesto:</label> 
<select id='opciones' name="opciones" onchange='cambioOpciones();'>
        <option value=" "> </option>        
        <option value='Empleado'>puesto1</option>
        <option value='tipo2'>puesto2</option>

    </select>

    <!-- input donde se mostrara el id de la opción -->

<input type="text"  name="showId"  id='showId' value="" />

<div id="content" style="display: none;">
  <label for="ib" style="margin-left:8%;" >NSS*:</label> 
<input type="text" name="nss" id="nss" value=" " autocomplete="off" required  />

<!--   ///si no es necesario debe estar oculto en caso de ser cobrador asesor y gestor de cobranza  --->
<label for="cb" style="margin-left:2%;" >Cuenta Bancaria*:</label> 
<input type="text" name="cb" id="cb" value=" " autocomplete="off" required  />

<label for="ib" style="margin-left:2%;" >institucion Bancaria*:</label> 
<input type="text" name="ib" id="ib" value=" " autocomplete="off" required  />
 </div>
  </body>
</html>

2
  • 1
    Gracias me ayudaste mucho soy principiante y estaba batallando mucho muchas gracias Commented el 11 sept. 2018 a las 17:24
  • De nada y bienvenido a StackOverflow en Español.
    – alanfcm
    Commented el 11 sept. 2018 a las 17:25

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.