Réinitialiser valeur sélectionnée liste

Version imprimable

19/02/2014, 15h36
totot

Réinitialiser valeur sélectionnée liste
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:

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

Code:

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

19/02/2014, 16h06
totot

J'ai pas de selected dans ma liste
Quand on ouvre le formulaire j'ai "sélectionner une tva" sur la liste
19/02/2014, 16h07
SpaceFrog

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

http://jsfiddle.net/Jvbc3/
19/02/2014, 16h09
totot

J'ai essayé
19/02/2014, 16h09
SpaceFrog

ou http://jsfiddle.net/Jvbc3/1/
19/02/2014, 16h20
Bovino

http://jsfiddle.net/Jvbc3/2/ :whistle:
19/02/2014, 16h27
totot

J'ai testé tout ce que vous m'avez donné mais rien a faire, sa fonctionne pas
19/02/2014, 16h30
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 ...

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

Code:

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>

19/02/2014, 16h42
SpaceFrog

le php ne nous est d'aucune utilité !

merci de mettre le code html généré
19/02/2014, 16h44
totot

le code source ?

Code source:

Code:

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:

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

19/02/2014, 16h53
SpaceFrog

http://jsfiddle.net/Jvbc3/3/
19/02/2014, 16h56
totot

Toujours rien,

Je met pas de bouton reset moi, je souhaite que cela le face automatiquement
19/02/2014, 17h06
SpaceFrog

que cela le pile aussi non ? face => fasse :roll:

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

Tu as tout pour y arriver .

Bonsoir

Exemple :

Code:

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:

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" );
    }
});