Discussion :

[totot]

Bonjour,

J'ai un formulaire avec deux liste et je souhaite, quand je sélectionne ou re-sélectionne une valeur dans la première liste, que sa me réinitialise ma seconde, c'est-à-dire la remettre à l'état du chargement du formulaire.
J'ai mis une action onchange sur ma première liste avec une fonction puisque je réinitialise d'autre champs et les autres sa fonctionne. Je bloque pour la liste:
code JS:

Code :

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

1
2
3
function reinit(){
    $('#tauxTVA').prop('selectedIndex',-1);
}

Merci de votre aide

[SpaceFrog]

Code :

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

1
2
3
function reinit(){
    $('#tauxTVA')..removeAttr('selected');
}

[totot]

J'ai pas de selected dans ma liste
Quand on ouvre le formulaire j'ai "sélectionner une tva" sur la liste

[SpaceFrog]

heu tu pourrais au moins essayer au lieu de répondre n'importe quoi ...

http://jsfiddle.net/Jvbc3/

[totot]

J'ai essayé

[SpaceFrog]

ou http://jsfiddle.net/Jvbc3/1/

[Bovino]

http://jsfiddle.net/Jvbc3/2/

[totot]

J'ai testé tout ce que vous m'avez donné mais rien a faire, sa fonctionne pas

[SpaceFrog]

C'est curieux que cela fonctionne a merveille sur le fiddle et pas dans ton code ...

Cela devrait t'amener à te poser les bonnes questions ...

[totot]

Voici la liste que je souhaite remettre au même niveau que lorsque l'on ouvre le formulaire

Code php :

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
21
22
<div class="col-md-12 field-box" id="taux" name="taux">
    <label for="type">Taux TVA :<span class="help-required"></span></label>
    <div class="col-md-9 col-md-push-1">
        <select style="width:250px" class="select2 required taux" id="tauxTVA" name="tauxTVA" aria-required="true" onchange="calcul();">
            <option></option>
<?php
//Requete qui sélectionne les taux de tva
$req2 = "Select id AS taux, tx
    From tva
    Order by tx";
//Exécution de la requête
$res2 = $connexion->query($req2);
//Tant qu'il y a des enregistrements, on les affiche
while($row2 = $res2->fetch()):   
?>
            <option value="<?php echo $row2['taux']?>"><?php echo $row2['tx']; ?></option> 
<?php
endwhile;   
?>   
        </select>
    </div>
</div>

[SpaceFrog]

le php ne nous est d'aucune utilité !

merci de mettre le code html généré

[totot]

le code source ?

[totot]

Code source:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<div class="col-md-12 field-box" id="taux" name="taux">
    <label for="type">Taux TVA :<span class="help-required"></span></label>
    <div class="col-md-9 col-md-push-1">
        <select style="width:250px" class="select2 required taux" id="tauxTVA" name="tauxTVA" aria-required="true" onchange="calcul();">
            <option></option>
            <option value="1">5.5</option> 
            <option value="2">10</option> 
            <option value="3">20</option> 
        </select>
    </div>
</div>

JS qui permet d'afficher le titre sur la liste et c'est ce que je souhaite avoir lorsque je sélectionne une valeur dans la première liste:

Code :

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

1
2
3
$(".taux").select2({
    placeholder: "Sélectionnez un taux"
});

[SpaceFrog]

http://jsfiddle.net/Jvbc3/3/

[totot]

Toujours rien,

Je met pas de bouton reset moi, je souhaite que cela le face automatiquement

[SpaceFrog]

que cela le pile aussi non ? face => fasse

Peu importe ... le code est correct, la methode est là.

Tu as tout pour y arriver .

[danielhagnoul]

Bonsoir

Exemple :

Code HTML :

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
<select id="choix1">
    <option value="0" selected>"------"</option>
    <option value="1">s1o1</option>
    <option value="2">s1o2</option>
    <option value="3">s1o3</option>
    <option value="4">s1o4</option>
    <option value="5">s1o5</option>
</select>
 
<select id="choix2">
    <option value="0" selected>"------"</option>
    <option value="10">s2o1</option>
    <option value="9">s2o2</option>
    <option value="8">s2o3</option>
    <option value="7">s2o4</option>
    <option value="6">s2o5</option>
</select>

Code JS :

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
21
22
23
24
/*
 * Lorsque "Choix1" reçoit le "focus" on "reset" Choix2
 */
$( "#choix1" ).on( "focus", function(){
    $( "#choix2 option:first" ).prop( "selected", true );
});
 
/*
 * Pour que cela fonctionne, il est indispensable de terminer 
 * "change" en donnant le focus à un autre élément du DOM.
 */
$( "#choix1" ).on( "change", function(){
    var n = parseInt( $( this ).val(), 10 );
 
    if ( n === 0 ){
        $( "#choix2" )
            .val( "0" )
            .trigger( "focus" );        
    } else {
        $( "#choix2" )
            .val( n + 5 )
            .trigger( "focus" );
    }
});