Menú desplegable en cascada mínimo en Pure JS-dependent-selecciona
| Autor: | ramkishorem |
|---|---|
| Views Total: | 944 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 10, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
dependent-selecciona es una biblioteca JavaScript mínima y discreta para crear menús desplegables en cascada.
Rellena automáticamente la selección secundaria en función del valor seleccionado anteriormente en la selección principal.
Funcionamiento
Cree un elemento Select, especifique la selección secundaria de destino con el atributo Data-Child-ID y especifique las opciones dependientes separadas por ' | '.
<select name="parent" id="id_parent" data-child-id="id_child" class="dependent-selects__parent"> <option value="">--------</option> <option value="one" data-child-options="1|#2|#3">JavaScript</option> <option value="two" data-child-options="4|#CSS|#6">HTML</option> </select> <select name="child" id="id_child" class="dependent-selects__child"> <option value="">--------</option> <option value="1">jQuery</option> <option value="2">Angular</option> <option value="3">React</option> <option value="4">HTML5</option> <option value="CSS">CSS</option> <option value="6">CSS3</option> </select>
A continuación, incluya la biblioteca de JavaScript ' dependent-Selects. js ' al final del documento. Hecho.
<script defer src="dependent-selects.js"></script>
