javascript - con - innerhtml jquery ejemplos

mantener el valor de entrada después de la página de actualización

Question

Tengo un formulario con campo de entrada y esta entrada contiene un menú desplegable que lee información de la base de datos si el usuario ingresa valor y cuando llega al menú desplegable no encuentra lo que quiere, va a otra página para agregar esta información a el menú desplegable y luego ir a la primera página para continuar ingresando la información que necesito ¿cómo puedo guardar esta información si va a otra página para agregar información al menú desplegable y cómo puede después de agregar la información al menú desplegable encontrar esta información sin actualizar y sin enviar

esta es la primera página con el formulario

<form name='''' method=''post'' action=''<?php $_PHP_SELF ?>''>
<input name=''txt_name'' id='''' type=''text''>

este menú desplegable leído desde la base de datos

 <select id="groups" name="txt_label" class="form-control">
   '';?>
     <?php 
    $sql=mysqli_query($conn,"select DISTINCT db_label from tbl_label")or die(mysqli_error($conn));
 echo''<option  value="">-- Select --</option>'';
    while($row=mysqli_fetch_array($sql)){
        $label=$row[''db_label''];
        echo "<option value=''$label''>$label</option>"; 
    }echo''</select>'';?><?php echo''
  </div>
</form>

segunda forma en otra página

<form class="form-inline" role="form" name="form" method="post" action="'';?><?php $_PHP_SELF ?><?php echo''">
    <div class="form-group">
    <label for="pwd">Label</label>
  <input id="txt_label" name="txt_label" type="text" placeholder="Label" class="form-control input-md">
  </div>
   <div class="form-group">
    <label for="pwd">Sub Label</label>
  <input id="txt_sublabel" name="txt_sublabel" type="text" placeholder="SubLabel" class="form-control input-md">
  </div>
   <input type="submit" name="addlabel" value="Add" class="btn btn-default">'';

Answer 1

EDITAR: mantener el valor de más entradas

HTML:

<input type="text" id="txt_1" onkeyup=''saveValue(this);''/> 
<input type="text" id="txt_2" onkeyup=''saveValue(this);''/> 

Javascript:

<script type="text/javascript">
        document.getElementById("txt_1").value = getSavedValue("txt_1");    // set the value to this input
        document.getElementById("txt_2").value = getSavedValue("txt_2");   // set the value to this input
        /* Here you can add more inputs to set value. if it''s saved */

        //Save the value function - save it to localStorage as (ID, VALUE)
        function saveValue(e){
            var id = e.id;  // get the sender''s id to save it . 
            var val = e.value; // get the value. 
            localStorage.setItem(id, val);// Every time user writing something, the localStorage''s value will override . 
        }

        //get the saved value function - return the value of "v" from localStorage. 
        function getSavedValue  (v){
            if (localStorage.getItem(v) === null) {
                return "";// You can change this to your defualt value. 
            }
            return localStorage.getItem(v);
        }
</script>