0

Есть 3 js скрипта для сохранения и вывода значений input и textarea через localStorage.

    // input text, textarea
    var elements = document.getElementsByClassName('localstoragesave');
    function checkValidity() {};
    for (i=0; i<elements.length; i++) {
     (function(element) {
       var id = element.getAttribute('id');
       element.value = localStorage.getItem(id);
       element.oninput = function() {
         localStorage.setItem(id, element.value);
         checkValidity();
       };
     })(elements[i]);
    }


    // checkbox
    document.getElementById('8').onclick = function() {
      if(document.getElementById('8').checked) {
        localStorage.setItem('8', "true");
      } else {
        localStorage.setItem('8', "false");
      }
    }
    if (localStorage.getItem('8') == "true") {
      document.getElementById("8").setAttribute('checked','checked');
    }

    document.getElementById('19').onclick = function() {
      if(document.getElementById('19').checked) {
        localStorage.setItem('19', "true");
      } else {
        localStorage.setItem('19', "false");
      }
    }
    if (localStorage.getItem('19') == "true") {
      document.getElementById("19").setAttribute('checked','checked');
    }


    // radio
    var raz = document.getElementsByName('napechataj');
    for (var i = 0; i < raz.length; i++) {
      raz[i].onclick = function() {
        localStorage.setItem('napechatajRaz', this.value);
      }
    }
    if(localStorage.getItem('napechatajRaz')) {
      var napechatajRaz = localStorage.getItem('napechatajRaz');
      document.querySelector('input[name="napechataj"][value="' + napechatajRaz + '"]').setAttribute('checked','checked');
    }
    
    var raz = document.getElementsByName('skazhy');
    for (var i = 0; i < raz.length; i++) {
      raz[i].onclick = function() {
        localStorage.setItem('skazhyRaz', this.value);
      }
    }
    if(localStorage.getItem('skazhyRaz')) {
      var skazhyRaz = localStorage.getItem('skazhyRaz');
      document.querySelector('input[name="skazhy"][value="' + skazhyRaz + '"]').setAttribute('checked','checked');
    }

Подскажите как сделать чтобы скрипт на странице page.php?x=1 сохранял одни данные для input и textarea, а на page.php?x=2 другие.

Параметр x=1 взята для примера. Имеется ввиду, что все то что в адресе после знака ? может быть что угодно, скрипт должен обрабатывать их как разные страницы.

PS: есть подозрение что все это можно сделать через document.location.search, но как реализовать - понятия не имею, так как я только верстать умею.

Поможете?

2 ответа 2

0
const searchParams = new URLSearchParams(location.search);
const val = searchParams.get("x");

В searchParams будут лежать данные из GET парамтеров со значениями в виде объекта, а через метод get с указанием ключа - можно достать значения этого ключа. Дальше уже использовать например if

10
  • Там не только x, в адресе после знака ? может быть что угодно
    – Юра
    10 окт 2022 в 14:42
  • @Юра окей. И что? 10 окт 2022 в 14:42
  • Извините Алексей. Ваше решение наверно хорошее, но я всего лиш верстальщик и не смогу сам внедрить его в скрипты.
    – Юра
    10 окт 2022 в 14:45
  • @Юра непонятно. Ответ на мой вопрос в комментаии какой? И что это значит всё про внедрение в скрипты? 10 окт 2022 в 14:49
  • 1
    @Юра тогда не ясно что вы ожидали и ожидаете. Мы не видим через интернет ваш код, чтобы написать под него точный ответ, который можно просто выделить, скопировать и вставить ¯\_(ツ)_/¯ 10 окт 2022 в 15:17
0

Решение нашел, оказалось довольно простым. Может комуто еще будет полезно.

Нужно во все строки где есть localStorage.getItem и localStorage.setItem добавить + location.search после id-шника. Вот примеры:

element.value = localStorage.getItem(id + location.search);

localStorage.setItem(id + location.search, element.value);

localStorage.setItem('8' + location.search, "true");

if (localStorage.getItem('8' + location.search) == "true") {
  document.getElementById("8").setAttribute('checked','checked');
}

localStorage.setItem('napechatajRaz' + location.search, this.value);

var nadrukujRaz = localStorage.getItem('napechatajRaz' + location.search);

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.