Griser une partie d'une liste déroulante

Bonjour,
En faite j'ai une liste déroulante affichant les objets et leur nombres (je vous donne l'exemple) :
<select name="objet">
<option value="objet">Objet</option>
<option value="potion">Potion x<?php echo $potion; ?></option>
</select>

Donc lorsque l'utilisateur a plus d'une potion, il peut cliquer dessus et l'utiliser. Ce que j'aimerais faire, c'est que quand le nombre de potion est égal a 0, on grise cette partie de la liste déroulante. On pourrait donc voir la liste déroulante mais être dans l'impossibilité de cliquer sur "Potion ...".
Je sais qu'il faut surement utiliser du javascript car apres plusieurs recherches, j'ai trouvé que c'était le plus approprié.

Etant donné que j'y connais pas grand chose et que je n'ai besoin que d'un bout de code, j'aimerais savoir si vous auriez une solution ^^' (Car j'ai pas trouvé réponse a mon probleme :/)

Merci d'avance ^^'