[AJAX] Remplissage automatique d'une liste déroulante

Bonjour, j'ai un formulaire avec 2 listes déroulantes.
Dans la 1ere j'ai une liste de noms de métier tel que:

Code:

---

1 2 3 4

<select name="metier" > <option value="1">Chef équipe</option> <option value="2">Coffreur</option> </select>

---

Je voudrais qu'au moment où je clique sur un métier, la 2eme liste déroulante se remplie automatiquement avec une liste de compétences que je vais chercher dans ma base de données avec la requete "SELECT competence FROM metier_competence WHERE metier="id du métier" ".

Je travaille sous mozilla firefox. Comment puis-je procéder?
Je suis débutant sur ajax, je n'ai jamais travaillé avec mais on m'a dit que c'était la seule solution pour régler mon problème.
Si vous pouviez m'indiquer un petit bout de code me permettant de m'aiguiller ce serait très aimable :D

J'espère avoir été assez précis.

Merci d'avance

Bonjour,
la FAQ te donnera quelques éléments.
Un petit cours d'initiation pour comprendre les principes.
Et enfin une application pratique simple ;)
NB par rapport au § 4 : dans ton cas, il vaudrait mieux passer par des instructions DOM (new Option() etc ...) que par le innerHTML ...

A+