Foros del Web » Programando para Internet » Javascript »

Ocultar Campo desde select

Estas en el tema de Ocultar Campo desde select en el foro de Javascript en Foros del Web. Amigos, necesito ocultar un campo de texto si se cumple una condicion en una lista desplegable, para lograrlo he hecho esto en el header tengo ...
  #1 (permalink)  
Antiguo 06/01/2014, 10:55
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.422
Antigüedad: 21 años, 2 meses
Puntos: 20
Ocultar Campo desde select

Amigos, necesito ocultar un campo de texto si se cumple una condicion en una lista desplegable, para lograrlo he hecho esto

en el header tengo

Código HTML:
Ver original
  1. <script type="text/javascript">
  2.     function hide_show(){
  3.     select_regional = $("select#select_regional").val();
  4.     if(select_regional == "Otro Cliente"){
  5.     $("#Clientenuevo").show();
  6.  
  7.     }else{
  8.     $("#Clientenuevo").hide(); 
  9.     $("input#Clientenuevo").val('');
  10.  
  11.         }
  12.    
  13.     }

y el form lo tengo asi

Código HTML:
Ver original
  1. <td width="16%">[insert_php]
  2. // Consultar la base de datos
  3. $consulta_mysql='select * from OM_clientes';
  4. $resultado_consulta_mysql=mysql_query($consulta_mysql);
  5.  
  6. echo "
  7. <select name='cliente' class='select_regional' id='select_regional'>
  8.  <option value='Otro Cliente'>Agregar un Cliente</option>
  9.   ";
  10. while($fila=mysql_fetch_array($resultado_consulta_mysql)){
  11.     echo "
  12.  
  13.   <option value='".$fila['Cliente']."'>".$fila['Cliente']."</option>
  14.  
  15.   ";
  16. }
  17. echo "
  18. ";
  19.  
  20. [/insert_php]</td>
  21.     <td><table width="100%" border="0">
  22.       <tr id="Clientenuevo">
  23.         <td>Otro Cliente</td>
  24.         <td><input type="text" name="Otro_cliente"  id="Clientenuevo"></td>
  25.       </tr>
  26.     </table></td>
  27.     </tr>
  28.     </table>
  29.     </td>

Pongo solo los dos campos que necesito dentro de la función por que el form es largo.

Lo que me pasa es que no esta ocultando el campo, agradeceria si alguien me ayuda.
__________________
Say no more.......
  #2 (permalink)  
Antiguo 06/01/2014, 11:56
 
Fecha de Ingreso: agosto-2013
Mensajes: 150
Antigüedad: 9 años
Puntos: 29
Respuesta: Ocultar Campo desde select

Con este código muestra y oculta, prueba.
Código HTML:
Ver original
  1. <script type="text/javascript">
  2.    function hide_show() {
  3.       select_regional = $("select#select_regional").val();
  4.       if (select_regional === "Otro Cliente") {
  5.          $("#Clientenuevo").show();
  6.       } else {
  7.          $("#Clientenuevo").hide();
  8.          $("input#Clientenuevo").val('');
  9.       }
  10.    }
  11.       <td width = "16%">
  12.          <?php
  13.         $fila = array('oculta 1', 'oculta 2');
  14.         echo "<select name='cliente' class='select_regional' id='select_regional' onchange='hide_show();'>
  15.       <option value='Otro Cliente'>Agregar un Cliente</option>";
  16.          for ($i = 0; $i < count($fila); $i++) {
  17.            echo "<option value='" . $fila[$i] . "'>" . $fila[$i] . "</option>";
  18.          }
  19.          echo "</select>";
  20.          ?>
  21.       </td>
  22.       <td><table width="100%" border="0">
  23.             <tr id="Clientenuevo">
  24.                <td>Otro Cliente</td>
  25.                <td><input type="text" name="Otro_cliente"  id="Clientenuevo"></td>
  26.             </tr>
  27.          </table></td>
  28.    </tr>
  #3 (permalink)  
Antiguo 06/01/2014, 12:46
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.422
Antigüedad: 21 años, 2 meses
Puntos: 20
Respuesta: Ocultar Campo desde select

No me funcionó
__________________
Say no more.......
  #4 (permalink)  
Antiguo 06/01/2014, 13:19
 
Fecha de Ingreso: agosto-2013
Mensajes: 150
Antigüedad: 9 años
Puntos: 29
Respuesta: Ocultar Campo desde select

Revisa la ruta a jquery
  #5 (permalink)  
Antiguo 06/01/2014, 13:24
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.545
Antigüedad: 10 años, 9 meses
Puntos: 972
Respuesta: Ocultar Campo desde select

Prueba así:

Código Javascript:
Ver original
  1. $("#select_regional").change(function(){
  2.     var opcion = $(this).val();
  3.  
  4.     if (opcion == "Otro Cliente")
  5.         $("#Clientenuevo").show();
  6.     else
  7.         $("#Clientenuevo").hide().val("");
  8. });

Cuando se elija una opción del combo, se producirá el método change, el cual ejecutará la función interior. Si el valor de la opción elegida es igual a "Otro Cliente", se muestra el elemento de id "Clientenuevo", caso contrario, se lo oculta y se deja su contenido en blanco.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: campo, input, php, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:09.