Ocultar Campo desde select

[el_cesar]

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:

<script type="text/javascript">
    function hide_show(){
    select_regional = $("select#select_regional").val();
    if(select_regional == "Otro Cliente"){
    $("#Clientenuevo").show();
 
    }else{
    $("#Clientenuevo").hide();  
    $("input#Clientenuevo").val('');
 
        }
    
    }
</script>
 

y el form lo tengo asi

Código HTML:

<td width="16%">[insert_php]
// Consultar la base de datos
$consulta_mysql='select * from OM_clientes';
$resultado_consulta_mysql=mysql_query($consulta_mysql);
  
echo "
<select name='cliente' class='select_regional' id='select_regional'>
 <option value='Otro Cliente'>Agregar un Cliente</option>
  ";
while($fila=mysql_fetch_array($resultado_consulta_mysql)){
    echo "
 
  <option value='".$fila['Cliente']."'>".$fila['Cliente']."</option>
 
  ";
}
echo "
</select>
";
 
[/insert_php]</td>
    <td><table width="100%" border="0">
      <tr id="Clientenuevo">
        <td>Otro Cliente</td>
        <td><input type="text" name="Otro_cliente"  id="Clientenuevo"></td>
      </tr>
    </table></td>
    </tr>
    </table>
    </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.

[bathorz]

Con este código muestra y oculta, prueba.

Código HTML:

<script type="text/javascript">
   function hide_show() {
      select_regional = $("select#select_regional").val();
      if (select_regional === "Otro Cliente") {
         $("#Clientenuevo").show();
      } else {
         $("#Clientenuevo").hide();
         $("input#Clientenuevo").val('');
      }
   }
</script>
<table><tr>
      <td width = "16%">
         <?php
         $fila = array('oculta 1', 'oculta 2');
         echo "<select name='cliente' class='select_regional' id='select_regional' onchange='hide_show();'>
      <option value='Otro Cliente'>Agregar un Cliente</option>";
         for ($i = 0; $i < count($fila); $i++) {
            echo "<option value='" . $fila[$i] . "'>" . $fila[$i] . "</option>";
         }
         echo "</select>";
         ?>
      </td>
      <td><table width="100%" border="0">
            <tr id="Clientenuevo">
               <td>Otro Cliente</td>
               <td><input type="text" name="Otro_cliente"  id="Clientenuevo"></td>
            </tr>
         </table></td>
   </tr>
</table>
 

[el_cesar]

No me funcionó

[bathorz]

Revisa la ruta a jquery

[Alexis88]

Prueba así:

Código Javascript:

$("#select_regional").change(function(){
    var opcion = $(this).val();
 
    if (opcion == "Otro Cliente")
        $("#Clientenuevo").show();
    else
        $("#Clientenuevo").hide().val("");
});
 

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