Как передать текст из <a>в текстовое поле на другой странице?

Question

То, что я хочу, в основном является самым базовым Add product to enquiries, которое вы можете получить.

На моей странице товара будет кнопка add to enquiries.

Теперь, как мне пройти простоэто название продукта при нажатии на кнопку add to enquries на странице запросов.Затем это имя необходимо ввести в поле textarea.

Я бы предпочел сделать это, используя Javascript или JQuery, если смогу.

Любая помощь будет принята с благодарностью.

Answer 1

По запросу автора, вот один из способов использования параметров в URL.

Решение от здесь .

var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};

Предполагая, что URL равен http://dummy.com/?textareaContent=loremispum, вы можете получить параметры, подобные этому.

var tech = getUrlParameter('textareaContent');

Но будьте осторожны, если вы добавляете текст к ссылке, его необходимо кодировать, а затем декодировать.Вот некоторая документация: https://www.w3schools.com/jsref/jsref_encodeURI.asp

Я все еще предлагаю использовать локальное хранилище проще.

Answer 2

Просто для добавления нескольких продуктов просто измените немного ответа codingsplash

function addToEnquiries(){
    var productName = document.getElementById("productName").value;
    var product = localStorage.getItem('product');
    if(!product)
    {
        product = new Array();
    }
        product.push(productName);
        localStorage.setItem("product",product);
    }
}

Answer 3

Для этого вы можете использовать localstorage .Например, на странице продукта, когда кнопка нажата, вы можете сохранить ее в localalstorage как:

function addToEnquiries(){
let productName= document.getElementById("productName").value;
localStorage.setItem("product",productName);
}

Затем при загрузке страницы страницы запросов вы можете получить ее как:

function onPageLoad(){
console.log("Product name is ",localStorage.getItem("product"));
}