web-dev-qa-db-fra.com

conserver la valeur d'entrée après l'actualisation de la page

j'ai un formulaire avec un champ de saisie et cette entrée contient un menu déroulant lire les informations de la base de données si l'utilisateur saisit une valeur et lorsqu'il arrive dans le menu déroulant il ne trouve pas ce qu'il veut, il va sur une autre page pour ajouter ces informations à le menu déroulant et ensuite aller à la première page pour continuer entrer les informations dont j'ai besoin comment puis-je conserver ces informations s'il va sur une autre page pour ajouter des informations au menu déroulant et comment peut après l'ajout des informations au menu déroulant trouver ces informations sans rafraîchir et sans soumettre

c'est la première page avec le formulaire

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

ce menu déroulant lu à partir de la base de données

 <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>

deuxième formulaire dans une autre page

<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">';
javascriptphpjqueryajaxmysqli
9
user3018000

EDIT: Conserver la valeur de plus d'entrées

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)) {
                return "";// You can change this to your defualt value. 
            }
            return localStorage.getItem(v);
        }
</script>
26
Igbaryya