Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » HTML » ocultar linea de SELECT

HTML - ocultar linea de SELECT

Volver
Nuevo Tema
<<>>
 
Vista:

ocultar linea de SELECT

Publicado por UmbrA_Ar (2 intervenciones) el 09/05/2014 00:17:52
Hola

Mi duda es como sigue:

Tengo un SELECT con varios lineas, la primera la fuerzo "a mano" con el texto SELECCIONAR
de ahi en mas las cargo desde una base de datos.

Al desplegar el select me gustaria que la primera linea , es decir el texto "SELECCIONAR" desapareciera de las opciones posibles de forma tal que solo se vieran las lineas validas extraidas de la base de datos

¿es esto posible?

Gracias de antemano
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 1.144
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

ocultar linea de SELECT

Publicado por xve (1543 intervenciones) el 09/05/2014 10:54:13
Hola, la verdad es que en el momento de desplegar el select, no se como detectar dicho evento... lo que si que lo puedes hacer, es el momento en que selecciona cualquier elemento que no sea el primero...

Aqui te adjunto un código de como hacerlo con jquery:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <style>
 
    </style>
 
    <script>
    $(document).ready(function(){
        $("select[name=opciones]").change(function(){
            if($(this).val()!=0)
            {
                $("select[name=opciones] option[value='0']").remove();
            }
        });
    });
    </script>
</head>
 
<body>
 
<form name="formulario">
    <select name="opciones">
        <option value="0">Selecciona</option>
        <option value="1">Opcion 1</option>
        <option value="2">Opcion 2</option>
        <option value="3">Opcion 3</option>
        <option value="4">Opcion 4</option>
    </select>
</form>
 
</html>

Coméntanos si te sirve, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar