Afficher/cacher un champ

Bonjour à ts,

J'ai un formulaire contenant des listes déoulantes et des champs.
Je travaille avec PHP/MySQL.
Je souhaiterais afficher un champ (ou le cacher) suivant la valeur séléctionnée dans une liste déroulante.

Il parait qu'il faut faire appel à une fonction javascript qui le fait, mais je ne connais pas le javascript.

Ma liste déroulante s'appelle "categorie", et je voudrais afficher la zone de texte "prenom" UNIQUEMENT si je sélectionne la 1ère valeur de ma liste "categorie" (id_categorie=1), et la cacher pour les autres valeurs de la liste.
Il faut aussi savoir que j'ai déjà attribué un Onchange à ma liste Categorie, qui sert à sa liaison avec une autre liste Sous catégorie (pour afficher les sous catégories correspondantes à la catégorie sélectionnée).

Voici le bout de code définissant ma liste "categorie" et le champ "prenom":
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <script language=javascript> function modifcombo(){ document.location.replace("index.php?rubriques=" + document.form2.rubrique.value ); document.form2.rubrique.value = $rubriques; } </script>; <p>categorie:</p> <select name="selectcategorie" id="categorie" onChange="javascript : modifcombo()" > <option value=""></option> <p>Nom: <input name="nom" type="text" id="nom" /> </p> <p>Prénom: <input name="prenom" type="text" id="prenom" /> </p>
Merci pour votre aide