jQuery(document).ready(function() {
jQuery('#desplegabledir select').select2();
});Añadir select2 en un desplegable de toolset. Els desplegable tiene id y css class desplegabledir.
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>jQuery(document).ready(function($){
id = jQuery("select[name='skill[]']").attr('id');
jQuery("#"+id).toolset_select2();
});Visto en Toolset
Toolset: Multi select with filter for taxonomy field on cred form Leer más »
Llamamos a la librería Select 2
function enqueue_select2_jquery() {
wp_register_style( 'select2css', '/wp-content/themes/tastal/js/select2.min.css', false, '1.0', 'all' );
wp_register_script( 'select2', '/wp-content/themes/tastal/js/select2.min.js', array( 'jquery' ), '1.0', true );
wp_enqueue_style( 'select2css' );
wp_enqueue_script( 'select2' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_select2_jquery' );En el apartado donde está la búsqueda personalizada (Search and Pagination) nos vamos al editor JS
jQuery( document ).ready(function() {
jQuery('.select').select2();
});Luego en el filtro ponemos la clase select y el estilo select2 y listos.
Ya tenemos funcionando el desplegable de la búsqueda personalizada con la librería select2
Libreria Select 2 en Toolset Leer más »