Сохранить значение в текстовом поле после успеха AJAX

Question

У меня есть поле выбора, которое содержит опции X и O. Я добавил функцию Onchange для заполнения значения в текстовом поле.

<input type="text" id="remarks1"/>

это мой скрипт для поля выбора для заполнения значения в текстовом поле:

$(document).on('click', '#1', function() { ////---make td transform to dropdown list box when click---///
      if($(this).find('select').length == 0) {
          $(this).empty();  //clears out current text in the table
          $(this).append('<select onchange="myFunction()" id="Remarks" name="Remarks"><option value=""></option><option <?php if ($Remarks=='X') echo 'selected';?> value="X" style="font-size:20px;font-weight:bold;">X<option style="font-size:20px;color:green;font-weight:bold;" <?php if ($Remarks=='O') echo 'selected';?> value="O">O</select>');
      }
});



function myFunction(){
        var dropdown1= document.getElementById("Remarks"); ////===== select box
        var selection1 = dropdown1.value;
        //console.log(selection1);
        var emailTextBox1 = document.getElementById("remarks1"); //==== textbox
        emailTextBox1.value = selection1;
     }

тогда это мой ajax, когда кнопка сохранения нажата:

 $(document).on('click','#btnSave',function(){
            var employeeName = document.getElementById('employeeName').value;
            var r1 = document.getElementById('remarks1').value;
            var r2 = document.getElementById('remarks2').value;

            $.ajax({
                    type: 'post',
                    url: 'update_data.php',
                    data: {
                        'DAY1' :r1,
                        'DAY1_A' :r2,
                        'employeeName' :employeeName

                    },
                    success: function(data){
                        $("#content").html(data)
                        $(".loader").fadeOut("very slow");              
                        $("#content").hide().fadeIn(500)

                        alert("Changes Succesfully Saved!");


                    },
                    error:function(data){
                        alert('Failed');
                    }
                })  

    });

как мне теперь сохранить значение текстового поля после успеха ajax?

Answer 1

Вы можете использовать localStorage , чтобы сохранить значение, чтобы использовать его позже:

function myFunction(){
    var dropdown1= document.getElementById("Remarks"); ////===== select box
    var selection1 = dropdown1.value;
    localStorage.setItem('remarks', selection1); // set the value in localStorage
    var emailTextBox1 = document.getElementById("remarks1"); //==== textbox
    emailTextBox1.value = selection1;
 }

Тогда в AJAX успех :

success: function(data){
           $("#content").html(data)
           $(".loader").fadeOut("very slow");              
           $("#content").hide().fadeIn(500)
           var remarks = localStorage.getItem('remarks'); // get from localStorage
           document.getElementById("remarks1").value = remarks; // set the value in the text box;
           alert("Changes Succesfully Saved!");
        }