Problemas con enviar información por formulario
Publicado por Kevin (24 intervenciones) el 03/10/2016 00:16:02
Que tal amigos, tengo un inconveniente al enviar la información de un formulario, resulta que ayer con la ayuda del foro de JavaScript pude crear un script que me ayuda a seleccionar una subcategoria dependiendo de lo que se elija en la categoria, Por ejemplo, selecciono abarrotes y me muestra una lista de abarrotes y asi cada categoría tiene diferentes opciones es su subcategoria.
Dejo aca el codigo para que me entiendan mejor:
Creo que el problema es que hay varias listas de Subcategorias y lo unico que estoy haciendo es ocultar con CSS, alguien tiene una idea mas o menos para solucionar esto?
Gracias!
Dejo aca el codigo para que me entiendan mejor:
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<form role="form" method="post" action="actualizar.php" enctype="multipart/form-data">
<div class="form-group">
<label for="CATEGORIA">Categoria</label>
<select name="CATEGORIA" id="CATEGORIA" onchange="mostrar()" required>
<option selected value="<?php echo $PRODUCTOS->CATEGORIA; ?>"><?php echo $PRODUCTOS->CATEGORIA; ?></option>
<option value="Abarrotes">Abarrotes</option>
<option value="Electrónicos">Electrónicos</option>
<option value="Fármacos">Fármacos</option>
<option value="Hogar, jardín y herramientas">Hogar, jardín y herramientas</option>
<option value="Línea blanca">Línea blanca</option>
<option value="Los mas pequeños">Los mas pequeños</option>
<option value="Moda">Moda</option>
<option value="Útiles y oficina">Útiles y oficina</option>
<option value="Videojuegos y diversión">Videojuegos y diversión</option>
</optgroup>
</select>
</div>
<div class="form-group">
<label for="SUBCATEGORIA">Sub-categoria</label>
<select name="SUBCATEGORIA" id="<?php echo $PRODUCTOS->SUBCATEGORIA; ?>" style='display:block;' onclick="mostrar()" required>
<option selected value="<?php echo $PRODUCTOS->CATEGORIA; ?>"><?php echo $PRODUCTOS->CATEGORIA; ?></option>
</optgroup>
</select>
<select name="SUBCATEGORIA" id="Abarrotes" style='display:none;' onclick="mostrar()" required>
<option selected value=""> Elige una opción </option>
<option value="Alimentos básicos y misceláneos">Alimentos básicos y misceláneos</option>
<option value="Carne">Carne</option>
<option value="Cereales">Cereales</option>
<option value="Congelados">Congelados</option>
<option value="Cuidado personal">Cuidado personal</option>
<option value="Frutas y verduras">Frutas y verduras</option>
<option value="Lácteos">Lácteos</option>
<option value="Pan">Pan</option>
</optgroup>
</select>
<select name="SUBCATEGORIA" id="Electrónicos" style='display:none;' onclick="mostrar()" required>
<option selected value=""> Elige una opción </option>
<option value="Accesorios computadoras">Accesorios computadoras</option>
<option value="Cámaras">Cámaras</option>
<option value="Celulares y accesorios">Celulares y accesorios</option>
<option value="Computaros y tabletas">Computaros y tabletas</option>
<option value="TV y Video">TV y Video</option>
</optgroup>
</select>
<select name="SUBCATEGORIA" id="Fármacos" style='display:none;' onclick="mostrar()" required>
<option selected value=""> Elige una opción </option>
<option value="Fármacos">Fármacos</option>
</optgroup>
</select>
<select name="SUBCATEGORIA" id="Hogar, jardín y herramientas" style='display:none;' onclick="mostrar()" required>
<option selected value=""> Elige una opción </option>
<option value="Baño">Baño</option>
<option value="Cocina utensilios">Cocina utensilios</option>
<option value="Decoración">Decoración</option>
<option value="Herramientas">Herramientas</option>
<option value="Jardinería">Jardinería</option>
<option value="Muebles">Muebles</option>
</optgroup>
</select>
<select name="SUBCATEGORIA" id="Línea blanca" style='display:none;' onclick="mostrar()" required>
<option selected value=""> Elige una opción </option>
<option value="Estufas">Estufas</option>
<option value="Lavadoras">Lavadoras</option>
<option value="Microondas">Microondas</option>
<option value="Otros línea blanca">Otros línea blanca</option>
<option value="Refrigeradoras">Refrigeradoras</option>
<option value="Secadoras">Secadoras</option>
</optgroup>
</select>
<select name="SUBCATEGORIA" id="Los mas pequeños" style='display:none;' onclick="mostrar()" required>
<option selected value=""> Elige una opción </option>
<option value="Bebes">Bebes</option>
<option value="Figuras de acción">Figuras de acción</option>
<option value="Muñecas y accesorios">Muñecas y accesorios</option>
<option value="Para el jardín">Para el jardín</option>
<option value="Prendas de vestir">Prendas de vestir</option>
</optgroup>
</select>
<select name="SUBCATEGORIA" id="Moda" style='display:none;' onclick="mostrar()" required>
<option selected value=""> Elige una opción </option>
<option value="Fragancias">Fragancias</option>
<option value="Joyas y accesorios">Joyas y accesorios</option>
<option value="Para el">Para el</option>
<option value="Para ella">Para ella</option>
</optgroup>
</select>
<select name="SUBCATEGORIA" id="Útiles y oficina" style='display:none;' onclick="mostrar()" required>
<option selected value=""> Elige una opción </option>
<option value="Escolar">Escolar</option>
<option value="Escritorios">Escritorios</option>
<option value="Escritorios">Escritorios</option>
</optgroup>
</select>
<select name="SUBCATEGORIA" id="Videojuegos y diversión" style='display:none;' onclick="mostrar()" required>
<option selected value=""> Elige una opción </option>
<option value="Accesorios videojuegos">Accesorios videojuegos</option>
<option value="Consolas">Consolas</option>
<option value="Deportes y actividades al aire libre">Deportes y actividades al aire libre</option>
<option value="Videojuegos">Videojuegos</option>
</optgroup>
</select>
</div>
<button type="submit" class="btn btn-default">Actualizar</button>
</form>
<script type="text/javascript">
function mostrar(){
valor = document.getElementById("CATEGORIA").value;
var x = document.getElementsByTagName("SELECT");
var i;
for (i = 0; i < x.length; i++) {
x[i].style.display = 'none';
}document.getElementById('CATEGORIA').style.display = 'block';
document.getElementById(valor).style.display = 'block';}
</script>
Creo que el problema es que hay varias listas de Subcategorias y lo unico que estoy haciendo es ocultar con CSS, alguien tiene una idea mas o menos para solucionar esto?
Gracias!
Valora esta pregunta
0
