Настройка выпадающего меню

IceDesign

Есть выпадающее меню на сайте сделаное на PHP. После выбора авто в Title оно не добавляется, а остается как и есть "Марка". А хотелось, чтобы поле само закрывалось. Но я так понимаю, это надо на JS.

Сайт: здесь.

/**
 * Displays form field for refine search form.
 *
 * @param string $label
 * @param string $name
 * @param string $values
 * @param string $type
 *
 * @return void
 */


  function cp_refine_fields( $label, $name, $values, $type ) {
    if ( in_array( $type, array( 'radio', 'checkbox', 'drop-down' ) ) ) {
  ?>

    <li class="<?php echo esc_attr( $name ); ?>">
        

        

        <div class="element">

            <!--?php
            $options = cp_explode( ',', $values );
            $optionCursor = 1;
            $checked = '';
            ?-->

            <div class="scrollbox">

                <ol class="checkboxes">

                    <!--?php
                    $cur = ( isset( $_GET[ $name ] ) && is_array( $_GET[ $name ] ) ) ? array_map( 'stripslashes', $_GET[ $name ] ) : array();
                    foreach ( $options as $option ) {
                        if ( $cur ) {
                            $checked = in_array( $option, $cur ) ? " checked='checked'" : '';
                        }
                    ?-->
                        <li id="<?php  $string = esc_attr($option); $string1 = str_replace(' ', '', $string); echo mb_strtolower($string1); ?>-1">
                             /> 
                        </li> <!-- #checkbox -->
                    <!--?php } ?-->

                </ol> <!-- #checkbox-wrap -->

            </div> <!-- #end scrollbox -->

        </div> <!-- #end element -->

        

    </li>
<!--?php
    } else {
?-->
    <li class="<?php echo esc_attr( $name ); ?>">
        
        
        
    </li>
<!--?php
    }
}
-->

Вот код jQ нашел но как сделать чтоб вместо марки писало то что отмечено.

jQuery(document).ready(function() {
    jQuery('div.handle').click(function() {
        jQuery(this).next('div.element').animate({
            height: ['toggle', 'swing'],
            opacity: 'toggle' }, 500
        );

        jQuery(this).toggleClass('close', 'open');
        return false;
    });



    jQuery('div.element').mouseleave(function() {
        jQuery(this).animate({
            height: ['toggle', 'swing'],
            opacity: 'toggle' }, 500
        );

        jQuery(this).hide();
        return false;
    });


    <!--?php foreach ( $_GET as $field =--> $val ) : ?>
        jQuery('.<!--?php echo esc_js($field); ?--> div.handle').toggleClass('close', 'open');
        jQuery('.<!--?php echo esc_js($field); ?--> div.element').show();
    <!--?php endforeach; ?-->

});
1 ответ

IceDesign

Ваш вопрос ни как не относится к php. Вам нужен подобный плагин jQuery Multiple Select GitHub

licensed under cc by-sa 3.0 with attribution.