<div class="row">
    <div class="col-md-8 col-md-offset-3">
        <?php echo $this->Form->label( $geographic_filter,
                    __( 'ระดับการค้นหา' ),
                    array(
                        'class' => 'col-md-3 text-right filter-label'
                    ) );
                echo $this->Form->input( $geographic_filter . '_id', array(
                    'options' => $geographic_values,
                    'label' => false,
                    'class' => 'form-control',
                    'div' => 'col-md-4',
                    'empty' => __( 'ทุกพื้นที่' )
                ) ); ?>
    </div>
</div>

<script>
    $( document ).ready( function() {
        // quick jump menu between regions
        $( '#<?php echo $geographic_filter; ?>_id' ).on( 'change', function( e ) {
            var slugs = <?php echo json_encode( $geographic_slugs ); ?>;
            var gotoSlugID = $( this ).val();
            var url = '<?php echo $this->Html->url( $geographic_filter . 's/' ); ?>' + slugs[gotoSlugID].slug;

            window.location.href = url;
        } );
    } );
</script>