Perdre la sélection après submit

**sky88** · 21/09/2015, 16h34

bonsoir,
voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function remplir_profil(system) {
    var h1;
    $.post('data.xml', function(data) {
        $('select option').remove();
        $(data).find("Data").children("<?= $_SESSION['sup-dot-drt']?>").children(system).children("name").each(function(i, item) {
            h1 = $(item).text();
            $('#profil2').append('<option  value="' + h1 + '">' + h1 + '</option>');
        });
    });
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<select class="form-control editable" id="profil2" name="profil22" >
</select>

mon problème est: quand je rafraîchis ma page je perds la sélection de cette liste

**SpaceFrog** · 22/09/2015, 08h18

Normal et logique, qui dit soumission de form dit rechargement de page, et qui dit rechargement de page = réinitialisation, javascript meurt avec la page et les élements sélectionnés reprennent leur état initial. Certains navigateurs conservent les sélections en mémoire sur des retours arrière.

Deux possibilités :
- Coté serveur tu récupères les sélections lors de la soumission etr du coup tu attribues les selections avec ton langage serveur.
- Sinon passe les paramètres des selections à js, puis au chargement de la page attribues les sélection avec js

**sky88** · 22/09/2015, 11h27

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

 <body onload="document.getElementById('profil2').selectedIndex = 2;">

j'ai ajouté ce code dans onload mais ça ne marche pas
l'index 2 est un exemple moi ce que je veux et de ne pas perdre la sélection

**sky88** · 22/09/2015, 16h00

Je suis vraiment bloquée
au début j'ai chargé mon select à partir de la base de données j'ai pu garder la sélection après submit avec ce code:

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<option <?php if(isset($_POST['id_agent']) && $_POST['id_agent'] == $row[0]) echo 'selected="selected"';?> value="<?php echo $row[0]; ?>">
<?php echo $row[1] ." ". $row[2] ; ?>
</option>

mais quand j'ai utlisé le XML et le jquery pour charger ma liste je ne sais pas comment faire

**sky88** · 22/09/2015, 23h25

j'ai essayé ce code:

pour remplir ma sélection:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
 <script type="text/javascript">
 
            function remplir_profil(system) {
                var h1;
                $.post('data.xml', function(data) {
                $('#profil2 option').remove();
 
 
        	$(data).find("Data").children("<?= $_SESSION['system']?>").children(system).children("name").each(function(i, item)
                {
                    h1=$(item).text();
                    $('#profil2').append('<option value="' + h1 +  '">' + h1 + '</option>');
 
               });
 
            });
            }
 
        </script>

pour sélection une valeur précise au chargement de ma page:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
 <script>
            $(document).ready(function(){
 
                  $('#profil2').val('DTT');
 
 
           });
        </script>

mais ça ne marche pas

Perdre la sélection après submit

JavaScript

Vue hybride

Discussions similaires

Partager

Partager