Formulaire, donner le focus

**malabarbe** · 15/12/2012, 20h22

Bonsoir à tous,
Dans un formulaire HTML, après avoir fait un choix dans une liste déroulante,
comment donner le focus au champ suivant ?
Merci de votre aide.

**Njörd** · 15/12/2012, 20h50

Bonjour malabarbe,

Sur ton select HTML tu ajoutes l'attribut onchange="taFonctionJavascript()" et tu ajoutes l'un des codes suivant dans ta balise <head></head> ou dans un fichier javascript séparé:

Sans jQuery :

Code :

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

1
2
3
4
5
<script langage="javascript">
function taFonctionJavascript(){
document.getElementById('NomDuChampQueTuVeuxAvoirEnfocus').focus();
}
</script>

Avec jQuery :

Code :

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

1
2
3
4
5
<script langage="javascript">
function taFonctionJavascript(){
$("NomDuSelecteurDeTonChamp").focus();
}
</script>

Tu peux aussi faire directement :

Code :

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

1
2
3
4
5
6
 
<select onchange="document.getElementById('NomDuChampQueTuVeuxAvoirEnfocus').focus();">
	<option value="-1">Choix</option>
	<option value="1">Mme</option>
	<option value="2">Mr</option>
</select>

**malabarbe** · 17/12/2012, 00h31

Bonsoir Njörd,

Merci pour tes propositions, c'est la N° 3
qui correspond a ma demande.

Elle fonctionne parfaitement et je t'en remercie.

Mes Amitiés.

Formulaire, donner le focus [HTML 4.0]

HTML

Vue hybride

Discussions similaires

Partager

Partager