onchange document.forms.submit() et les ancres

Bonjour à tous,

J'ai un long formulaire sur mon site. En fonction des choix réalisés dans les listes déroulantes, le reste du formulaire est modifié.
Du coup, pour les listes déroulantes, je fais un onchange pour recharger le formulaire :

Code:

---

onchange=document.forms['form_pro'].submit();

---

Mes données sont bien rechargées et tout fonctionne MAIS le formulaire étant très long, lorsqu'il se recharge, je réatterri au début du formulaire.
J'aimerais qu'une fois que le formulaire est rechargé, que le curseur revienne sur le dernier champs modifié.

Avez-vous une idée de comment procéder ?
Je pensais aux ancres ou .focus () mais je ne sais pas comment l'intégrer au onchange ci-dessus ?

Merci d'avance !

il faut ajouter #ancre à la fin de l'action du formulaire pour qu"il se déplace à l'ancre

A+JYT

Merci pour votre réponse !

C'est bien ceci que vous voulez dire ?

Code:

---

onchange=document.forms['form_pro#ancre'].submit();

---

Oubliez ce que j'ai posté ci-dessus.

Je viens de comprendre ce que vous avez mis mais le soucis c'est qu'il n'y a pas qu'une seule liste déroulante qui modifie la structure du formulaire, il y a en plusieurs et elles sont toutes à des endroits bien différents...

Il faudrait donc agir sur l'action propre au champ modifié et pas au formulaire... mais je ne sais pas si c'est possible ?

Code:

---

1 2 3 4 5

onchange=function(ancre) { var form = document.forms['form_pro']; form.action = form.action +'#' + ancre; return form.submit(); }

---

A+JYT

Bonjour,

J'ai mis en place votre bout de code mais celui ne fonctionne pas :

Code:

---

1 2 3

<a name="cp_ancre"></a> <input type="text" name="code_postal" class="form_input" maxlength="10" value="<?php echo $save_cp; ?>" onchange="function('cp_ancre') {var form = document.forms['form_pro']; form.action = form.action +'#' + cp_ancre; return form.submit();}" />

---

Il n'y a plus rien qui se passe, le formulaire n'est même pas rechargé.

Aurais-je fais une erreur de syntaxe ?

Merci.

Citation:

---

Envoyé par The Molo

Aurais-je fais une erreur de syntaxe ?

---

Oui.
Tu intègres le code donné dans l'attribut onclick, du coup, au clic sur le bouton, tu vas définir la fonction, pas l'exécuter !
Une déclaration de fonction se fait dans les balises <script>.

OUF l'erreur de débutant :oops:
On va mettre ça sur le coup de la chaleur. :zoubi:

Ça fonctionne...

Merci à tous les deux !