wp_dropdown_categories con selección múltiple

29 ene 2016, 13:38:54
Vistas: 14.6K
Votos: 3

En el cuadro de búsqueda me gustaría que los visitantes pudieran buscar más de una ubicación (casas). El código actualmente es:

    <div class="col-md-3 col-sm-6 col-xs-12">
        <label for="property_location"><?php _ex( 'Ubicación', 'property search label', 'ci_theme' ); ?></label>

        <div class="ci-select">
            <?php
                wp_dropdown_categories( array(
                    'taxonomy'          => 'property_location',
                    'hierarchical'      => true,
                    'show_option_none'  => esc_html_x( '-', 'any property location', 'ci_theme' ),
                    'option_none_value' => '',
                    'name'              => 's_property_location',
                    'id'                => 'property_location',
                    'selected'          => isset( $_GET['s_property_location'] ) ? $_GET['s_property_location'] : '',
                ) );
            ?>
        </div>
    </div>

¿Cómo puedo cambiar esto a un select múltiple?

Muchas gracias por tu respuesta. Carlijn

0
Todas las respuestas a la pregunta 4
1

wp_dropdown_categories tiene un filtro aplicado a la salida que se llama justo antes de que la función retorne o imprima el resultado.

Con esto puedes agregar un filtro en tu archivo functions.php que manipule el campo select y le agregue el atributo multiple.

El filtro a continuación buscaría la etiqueta de apertura del select y le agregaría el atributo multiple. También puedes agregar el atributo size para controlar el número de elementos mostrados a la vez.

add_filter( 'wp_dropdown_cats', 'dropdown_filter', 10, 2);

function dropdown_filter( $output, $r ) {
    $output = preg_replace( '/<select (.*?) >/', '<select $1 size="5" multiple>', $output);
    return $output;
}
21 ene 2017 09:25:32
Comentarios

Probablemente está lejos de lo que el OP realmente quería, pero responde exactamente a la pregunta tal como está redactada :)

Mark Kaplun Mark Kaplun
21 ene 2017 09:44:46
0

Solo agrega este código a tu functions.php

add_filter( 'wp_dropdown_cats', 'wp_dropdown_cats_multiple', 10, 2 );

function wp_dropdown_cats_multiple( $output, $r ) {

    if( isset( $r['multiple'] ) && $r['multiple'] ) {

         $output = preg_replace( '/^<select/i', '<select multiple', $output );

        $output = str_replace( "name='{$r['name']}'", "name='{$r['name']}[]'", $output );

        foreach ( array_map( 'trim', explode( ",", $r['selected'] ) ) as $value )
            $output = str_replace( "value=\"{$value}\"", "value=\"{$value}\" selected", $output );

    }

    return $output;
}

Y agrega el argumento multiple como se muestra a continuación:

<div class="ci-select">
    <?php
        wp_dropdown_categories( array(
            'taxonomy'          => 'property_location',
            'hierarchical'      => true,
            'show_option_none'  => esc_html_x( '-', 'cualquier ubicación de propiedad', 'ci_theme' ),
            'option_none_value' => '',
            'name'              => 's_property_location',
            'id'                => 'property_location',
            'selected'          => isset( $_GET['s_property_location'] ) ? $_GET['s_property_location'] : '', // ej. 86,110,786
            'multiple'          => true
        ) );
    ?>
</div>
23 mar 2017 14:26:18
0

Esto es una adición a la respuesta de @MahdiY. Esa respuesta asume que los datos del multiselect estarán en forma delimitada por comas. Estoy encontrando que mi multiselect es en realidad un array, en cuyo caso la función wp_dropdown_cats_multiple falla. He añadido una línea y modificado el foreach.

function wp_dropdown_cats_multiple( $output, $r ) {

    if( isset( $r['multiple'] ) && $r['multiple'] ) {

        $output = preg_replace( '/^<select/i', '<select multiple data-live-search="true" data-style="btn-info"', $output );

        $output = str_replace( "name='{$r['name']}'", "name='{$r['name']}[]'", $output );

        $selected = is_array($r['selected']) ? $r['selected'] : explode( ",", $r['selected'] );
        foreach ( array_map( 'trim', $selected ) as $value )
            $output = str_replace( "value=\"{$value}\"", "value=\"{$value}\" selected", $output );

    }

    return $output;
}

No pude añadir esto como comentario porque mi reputación es demasiado baja.

6 sept 2017 23:10:23
0

Puedes revisar:

wp_category_checklist Puedes definir un walker personalizado y cambiar las casillas de verificación por un desplegable con selección múltiple.

wp_category_checklist genera una lista desordenada de elementos checkbox <input> etiquetados con nombres de categoría.

29 ene 2016 15:27:42