Как передать выбранное значение в input — в другой input?

Здравствуйте!

Есть сайт для заказа такси - inTaxi Ljubljana

Заказать можно непосредственно через форму Book Now
Тоесть чтобы увидеть форму нужно сделать 1 шаг - клик на кнопку.
Хочу немножко упростить заказ и на первом section показать 2 inputa для ввода точки А и Б (условно обозначим А-1 и Б-1). При клике на кнопку открыть форму в которой уже заполнены поля А-2 и Б-2 и нарисован маршрут.

Это какого то рода копирование содержимого с инпута А-1 и Б-1 в инпут А-2 и Б-2.
Сделал это все при помощи небольшого скрипта:

function copyValueTo(fromElem, toElemId) {
  var elem = document.getElementById(toElemId);
  elem.value = fromElem.value;
}

<input id="pickup-point-input-out" type="text" name="pickupPoint" required placeholder=" " onkeyup="copyValueTo(this, 'pickup-point-input')">



pickup-point-input-out = А-1
pickup-point-input = А-2


И все вроде хорошо копируется но есть одно но:
На эти инпуты прикручен Search от Google
var places;
    var PickupInput = document.getElementById('pickup-point-input');
    var countryRestrict = {'country': ['si', 'au', 'hr', 'it', 'hu']};
    
    var autocompletePickup = new google.maps.places.Autocomplete(PickupInput, {
        componentRestrictions: countryRestrict
    });


И если ввести в поле А-1 3 символа - search находит адрес, выбираем его. Но в поле А-2 предается только эти 3 символа.
P.S. в самом низу сайта добавил поле А-1, в форме поле А-2. Значения копируются с А-1 в А-2 и обратно

Вопрос: что нужно поправить/добавить, чтобы скрипт понимал что мы выбрали адрес, и значение скопировал с поля А-1 в поле А-2
  • Вопрос задан
  • 177 просмотров
Пригласить эксперта
Ответы на вопрос 1
Kozack
@Kozack Куратор тега JavaScript
Thinking about a11y
Всё просто. Копируйте значение не при вводе в поле, а при нажатии кнопки "Book now".
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы