Bootstrap Style con búsqueda de plugin desplegable-fstdropdown

Tiempo de ejecución: 30 minutos. Empezar

Autor: VirtusX
Views Total: 521
Sitio oficial: Ir a la web
Actualizado: December 11, 2018
Licencia: MIT

Vista prévia

Bootstrap Style con búsqueda de plugin desplegable-fstdropdown

Descripción

El plugin de JavaScript fstdropdown convierte un elemento de selección normal en una selección desplegable de estilo bootstrap con JavaScript puro y CSS.

Funcionamiento

Inserte el código JavaScript y la hoja de estilos del fstdropdown en el archivo HTML.

<script src="fstdropdown.js"></script>
<link rel="stylesheet" href="fstdropdown.css">

Sólo tiene que añadir la clase CSS fstdropdown-seleccione a su elemento de selección y el plugin hará el resto.

<select class="fstdropdown-select" id="example">

<option value="">Select option</option>

<option value="1">First</option>

<option value="2">Second</option>

<option value="3">Third</option>
</select>

Para deshabilitar la funcionalidad de búsqueda, establezca el Data-searchdisable en true.

<select class="fstdropdown-select" id="example" data-searchdisable="true">

<option value="">Select option</option>

<option value="1">First</option>

<option value="2">Second</option>

<option value="3">Third</option>
</select>

Actualice la selección desplegable en caso de que agregue nuevas opciones.

fstdropdown.rebind();

Inicializa el complemento en un elemento Select específico.

setFstDropdown();

Te puede interesar: