Здравствуйте!
Есть сайт для заказа такси -
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