Блог

Я знаю, что на эту тему вы можете найти множество ответов… Я потратил довольно много времени на поиск решения, которое я ищу.

У меня есть PHP-файл с формой. Этот PHP-файл использует JavaScript для предварительного выбора из выпадающего списка. Означает: если пользователь выбирает значение в выпадающем меню 1, то в выпадающем меню 2 выбор ограничен. Этот JavaScript определенно нуждается в перезагрузке PHP-файла для изменения значений второго выпадающего списка 2.

Вопрос теперь: Как я могу сохранить введенные пользователем значения в форме после выполнения JavaScript. В настоящее время все введенные данные теряются.

Одним из вариантов было бы установить все значения в URL и захватить их с помощью GET . Да .. это был бы вариант, но поскольку я использую 13 значений, URL-адрес выглядел бы не слишком красиво. Я не хочу, чтобы пользователь обращал внимание на то, что происходит. Я не могу использовать POST, так как я не нажимаю кнопку публикации.. это просто JavaScript, который выполняется и перезагружает страницу.

Я думал о заполнении сеанса введенными данными, но это невозможно напрямую, поскольку JavaScript находится на стороне клиента, а сеанс — на стороне сервера.

У вас есть какие-либо предложения?

Пример формы: Имя (текстовое поле) Фамилия (текстовое поле) Возраст (выпадающий список), Пол (выпадающий список)

Провинция (выпадающий список JS) Район (выпадающий список JS) Коммуна (выпадающий список JS) Деревня (выпадающий список JS)

Перевод.из (выпадающего списка) Центр здоровья (текстовое поле) Кнопка отправки скорой помощи (выпадающий список) Self.transfer (выпадающий список)

dynmicoptionlist.js код:

    //Set parameters for provinces selection
   function reload1(form) {

      var val1=form.provinces.options[form.provinces.options.selectedIndex].value;

      //Get the current URL
      var url1=window.location.href;

      //Check if the current URL has the search term in it (-1 means it is not in it)
      if(url1.search("amp;provinces=") != -1) {

         //Now that the search term was found, cut the search term from the URL so that it can be replaced
         //This is necessary for multiple selections in the same drop down box
     var url2 = url1.substr(0,url1.search("amp;provinces="));

         //If the user has selected "Please select", then dont add the provinces parameter
         if(val1 == "") {

        //Create the new URL
            self.location= url2
         }
         else {

            //Create the new URL
            self.location= url2   "amp;provinces="   val1 ;
         }
      }
      else {

         //The search term was not found, so just add the provinces
         self.location= url1   "amp;provinces="   val1;
      }
   }

   //Set parameters for districts selection
   function reload2(form) {

      var val1=form.provinces.options[form.provinces.options.selectedIndex].value; 
      var val2=form.districts.options[form.districts.options.selectedIndex].value; 

      //Get the current URL
      var url1=window.location.href;

      //Check if the current URL has the search term in it (-1 means it is not in it)
      if(url1.search("amp;districts=") != -1) {

         //Now that the search term was found, cut the search term from the URL so that it can be replaced
         //This is necessary for multiple selections in the same drop down box
         var url2 = url1.substr(0,url1.search("amp;districts="));

         //If the user has selected "Please select", then dont add the provinces parameter
         if(val2 == "") {

        //Create the new URL
            self.location= url2
         }
         else {

            //Create the new URL
            self.location= url2   "amp;districts="   val2 ;
         }
      }
      else {

         //The search term was not found, so just add the districts
         self.location= url1   "amp;districts="   val2;
      }
   }

   //Set parameters for communes selection
   function reload3(form) {

      var val1=form.provinces.options[form.provinces.options.selectedIndex].value; 
      var val2=form.districts.options[form.districts.options.selectedIndex].value; 
      var val3=form.communes.options[form.communes.options.selectedIndex].value; 

      //Get the current URL
      var url1=window.location.href;

      //Check if the current URL has the search term in it (-1 means it is not in it)
      if(url1.search("amp;communes=") != -1) {

         //Now that the search term was found, cut the search term from the URL so that it can be replaced
         //This is necessary for multiple selections in the same drop down box
         var url2 = url1.substr(0,url1.search("amp;communes="));

             //If the user has selected "Please select", then dont add the provinces parameter
         if(val3 == "") {

        //Create the new URL
            self.location= url2
         }
         else {

            //Create the new URL
            self.location= url2   "amp;communes="   val3 ;
         }
      }
      else {

         //The search term was not found, so just add the communes
         self.location= url1   "amp;communes="   val3;
      }
   }
  

По предложению JohnP вот мои изменения на данный момент:
Я добавил функцию onload для заполнения скрытого поля значением:

 <body onload="setValue()">
  

JavaScript, заполняющий значение, выглядит следующим образом:

 <script type="text/javascript">

   function setValue() {

      document.getElementById("dyndrpdwnhidden").value="createPatient";
   }
</script>
  

В моей форме я добавил скрытое поле:

 <input type="hidden" id="dyndrpdwnhidden">
  

Чтобы получить значения из полей ввода формы в моем JavaScript dynmicoptionlist.js выше я использовал в качестве примера:

 var entry_date = form.entry_date.value;
  

Может быть, вы пытаетесь использовать SESSION? Данные сеанса не исчезнут даже при обновлении страницы или перенаправлении.

Для сохранения любых данных:

 session_start();
$_SESSION['data']=$_POST['data_from_previous_page'];
  

Чтобы прочитать это на любой странице:

 session_start();
$_SESSION['data'];
  

Чтобы очистить все данные сеанса:

 unset($_SESSION);
if (isset($_COOKIE[session_name()])) {
   setcookie(session_name(), '', time()-42000, '/');
}
session_destroy();
  

Почему бы просто не заставить ваш JS отправить форму? Это сделает переменные доступными, и вы можете активировать второй выпадающий список, просмотрев данные post вместо данных $ _GET, которые отправляет JS.

используйте localStorage https://www.w3schools.com/jsref/obj_storage.asp

Объект хранения Объект хранения Web Storage API предоставляет доступ к сессионному хранилищу или локальному хранилищу для определенного домена. Это позволяет вам читать, добавлять, изменять и удалять сохраненные элементы данных.