Código de JavaScript - Moverse por un selector con botones

Imágen de perfil
Val: 177
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Moverse por un selector con botonesgráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 31 de Marzo del 2019 por Joan
685 visualizaciones desde el 31 de Marzo del 2019
Código que muestra como moverse entre las opciones de un <select> de HTML con Javascript utilizando botones.

select-botones

1
estrellaestrellaestrellaestrellaestrella(1)

Publicado el 31 de Marzo del 2019gráfica de visualizaciones de la versión: 1
686 visualizaciones desde el 31 de Marzo del 2019
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
 
<body>
 
<div>
    <select>
        <option value="1">
            Opcion 01
        </option>
        <option value="2">
            Opcion 02
        </option>
        <option value="3">
            Opcion 03
        </option>
        <option value="4">
            Opcion 04
        </option>
        <option value="5">
            Opcion 05
        </option>
        <option value="6">
            Opcion 06
        </option>
    </select>
 
    <input type="button" onclick="ant()" value="Anterior">
    <input type="button" onclick="sig()" value="Siguiente">
</div>
 
<script>
var select=document.querySelector("select");
 
function ant() {
    if(select.selectedIndex>0) {
        select.selectedIndex=select.selectedIndex-1;
    }
}
 
function sig() {
    if(select.selectedIndex<select.childElementCount-1) {
        select.selectedIndex=select.selectedIndex+1;
    }
}
</script>
 
</body>
</html>



Comentarios sobre la versión: 1 (1)

Imágen de perfil
31 de Marzo del 2019
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder

Comentar la versión: 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5227