Elément onchange sur Android
Hello @ tutti,
Je développe une fiche d'inscription sur laquelle je propose des choix via des select.
Un 1er choix dans un 1er select affiche, suivant l'option choisie, un 2e select. Le choix dans le 2e select affiche, suivant l'option choisie, un input text.
Tout ceci fonctionne parfaitement bien sur IE, Chrome, Firefox et Safari.
Sur Android (Samsung Galaxy Tab 2) le comportement est bizarre : le choix dans le 1er select affiche bien le 2e select, MAIS bizarrement le choix dans le 2e select n'affiche pas l'input text...
Mon code html :
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
25
26
27
28
29
30
31
32
33
| <div id="champReseau">
Réseau *:
<select name="reseau" id="choixReseau" onchange="moreExp()" required>
<option value="">Sélectionnez</option>
<option value="Ventes Grocery">Ventes Grocery</option>
<option value="Ventes Impulse">Ventes Impulse</option>
<option value="MMT">MMT</option>
<option value="Category">Category</option>
<option value="P&O">P&O</option>
<option value="Corporate Affairs">Corporate Affairs</option>
</select>
</div>
<div id="champFonction" style="display:none;" onchange="reqField()">
Fonction *:
<select name="fonction" id="choixFonction">
<option id="default" value="">Sélectionnez</option>
<option value="Chef de Secteur">Chef de Secteur</option>
<option value="Promoteur">Promoteur</option>
<option value="Responsable secteur">Responsable secteur</option>
<option value="Directeur Régional">Directeur Régional</option>
<option value="Directeur Force de Vente">Directeur Force de Vente</option>
<option value="Cellule Formation">Cellule Formation</option>
<option value="Equipe CSO">Equipe CSO</option>
<option value="Equipe DCN">Equipe DCN</option>
<option value="Autre">Autre</option>
</select>
</div>
<div id="champDirReg" style="display:none;">
<label for="dirReg">Direction régionale *:</label>
<br /><input type="text" name="dirReg" id="dirReg" maxlength="30" />
</div> |
Mes fonctions js :
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
25
26
27
28
29
30
31
32
33
| function moreExp() {
if (document.getElementById("choixReseau").value == "Ventes Grocery") {
document.getElementById("champFonction").style.display = "block";
document.getElementById("champDirReg").style.display = "none";
} else if (document.getElementById("choixReseau").value == "Ventes Impulse") {
document.getElementById("champFonction").style.display = "block";
document.getElementById("champDirReg").style.display = "none";
} else {
document.getElementById("champFonction").style.display = "none";
document.getElementById("champDirReg").style.display = "none";
document.getElementById("default").selected = "selected";
document.getElementById("dirReg").value = '';
}
}
function reqField() {
if (document.getElementById("choixFonction").value == "Chef de Secteur") {
document.getElementById("champDirReg").style.display = "block";
document.getElementById("dirReg").value = '';
} else if (document.getElementById("choixFonction").value == "Promoteur") {
document.getElementById("champDirReg").style.display = "block";
document.getElementById("dirReg").value = '';
} else if (document.getElementById("choixFonction").value == "Responsable secteur") {
document.getElementById("champDirReg").style.display = "block";
document.getElementById("dirReg").value = '';
} else if (document.getElementById("choixFonction").value == "Directeur Régional") {
document.getElementById("champDirReg").style.display = "block";
document.getElementById("dirReg").value = '';
} else {
document.getElementById("champDirReg").style.display = "none";
document.getElementById("dirReg").value = '';
}
} |
Une idée quelqu'un ? Je vois dans tous les forums que onchange fonctionne bien sur Android, ce qui se vérifie pour mon cas, mais jusqu'à un certain point seulement.
Ca doit donc être mon code qui est incorrect quelque part...
Merci par avance pour votre aide :D
