Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как изменть немного гугловский автокомлит? (https://javascript.ru/forum/dom-window/73293-kak-izment-nemnogo-guglovskijj-avtokomlit.html)

imedia 04.04.2018 15:06

Как изменть немного гугловский автокомлит?
 
Привет.
Есть элемент формы
<div class="col-xs-12 col-sm-4 form-group">
                  <label for="plz">PLZ: <span class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-placement="right" title="Bitte geben Sie Ihre f&uuml;nfstellige PLZ ein."></span></label>
                  <?= new \App\Http\Render\Form\Element\Text([
                      'value' => $this->entity['plz'],
                      'elementName' => 'item[plz]',
                      'elementID' => 'plz',
                      'required' => true,
                      'class' => 'form-control forced-numeric',
                      'attributes' => [
                            'pattern' => '[0-9]*',  
                          'data-rule-number' => 'true',
                          'data-rule-rangeLength' => '[5,5]',
                            'data-msg-required' => 'Bitte geben Sie Ihre f&uuml;nfstellige PLZ ein.',
                            'data-msg-rangeLength' => 'Bitte geben Sie Ihre f&uuml;nfstellige PLZ ein.',
                          'data-msg-number' => 'Bitte geben Sie Ihre PLZ ein (f&uuml;nfstellig und nur Zahlen).', 
                      ],
                  ]) ?>
                  <span class="glyphicon form-control-feedback"></span>
              </div>


И есть к нему гугл автокомплит.

function postal_code() {
    var input = document.getElementById('plz');
    var options = {
        types: ['(regions)'],
        componentRestrictions: {
            country: "de"
        }
    }
    var autocomplete = new google.maps.places.Autocomplete(input, options);
}

google.maps.event.addDomListener(window, 'load', postal_code);

Но в поле стоит валидация только по цифрм, как мне в выпадающем списке автокомплита оставить такой формат ZIP/City (11234/Berlin) http://prntscr.com/j0q4x0
А в поле id="plz" принимать только зип тоесть только цифры?

Ест ответ в свойстве оъекта autocomplete.gm_accessors_.place.gd.formattedPredi ction но к нему не могу достучаться


Часовой пояс GMT +3, время: 12:23.