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

Question

[Pipop]

Допустим, есть страницы catalog и cart. В catalog имеется input — необходимо взять его value при выборе (клике) и использовать в select на странице cart. Как это сделать?

Comments

[edward_freedom]

записывай в куки, локалстор или передавай параметрами на страницу

[Pipop]

edward_freedom, как передать параметрами?

Answer 1

[Sashqa]

document.getElementById('inputId').addEventListener('change', function (e) {
    let value = document.getElementById('inputId').value // записываем значение в переменную
    localStorage.setItem('inputValue', value) // записываем значение в localStorage
})


document.addEventListener("DOMContentLoaded", function() {
    let selectEl;
    let value;
    if (localStorage.getItem('inputValue')) { // проверяем, есть ли значение в localStorage
        selectEl = document.getElementById('selectId');
        value = localStorage.getItem('inputValue') // записываем в переменную
        selectEl.options[0].value = value // записываем в первый option значение
        selectEl.options[0].innerHTML = value // чтоб отображалось оно
    }
});

Comments

[Pipop]

Подскажите, пожалуйста. Если из первого инпута отправить данные на сервер, то потом, на странице cart нужное значение можно получить только по Ajax?

[Sashqa]

Pipop, Зачем вам этот геморрой?
Просто запишите данные в localStorage. Или вы как-то обрабатываете это значение на сервере?