Biblioteca de mejoras de selección múltiple-Select7

Vista prévia

Descripción

Select7 es un plugin de JavaScript vainilla para crear un control de selección múltiple fácil de usar de un elemento de selección regular.

Con la biblioteca Select7, los usuarios pueden seleccionar varias opciones de una lista desplegable. Cada opción seleccionada tiene un botón de cierre que le permite cancelar la selección rápidamente.

Funcionamiento

Inserte el Select7's JavaScript y StyleSheet en el archivo HTML.

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

El código HTML necesario para el control de selección múltiple.

<div id="select7" class="select7_container">

<div class="select7_arrow">&#9662;</div>

<div class="select7_placeholder">Select Placeholder</div>

<select class="select7_select" onchange="add_selected_item(this, event);">



<option class="select7_hide" value="filler"></option>



<option value="option1">Option 1</option>



<option value="option2">Option 2</option>



<option value="option3">Option 3</option>

</select>

<div class="select7_items"></div>
</div>

Hecho. Para obtener los datos seleccionados, sigue estos pasos:

// an array of objects containing values and text
get_selected_items('select-id');

// gets only values
get_selected_items('select-id','value');

// gets only text
get_selected_items('select-id','text');

Registro de cambios

10/06/2018

• agregado IE y compatibilidad con Edge