[HTML/JS] option désactivée dans un select

Bonjour,

Je souhaiterai pour mon site avoir une liste déroulante dans laquelle je met mes categories et mes sous catégories, avec l'impossibilité de sélectionner les noms des catégories, et donc seulement selectionner les sous categories.
Malheureusement la balise <option> n'accepte pas d'attribut 'disabled'.

Existe t il un moyen d'arriver à mes fins?

Merci de votre aide

Ant.

5 réponses

  1. Contributeur
    SALUT

    pour demontrer ce que te conseil Monsieur K

    essaye ca tu vas voir
    <select style="font-family:arial; font-size:11;">
      <optgroup label="Europe">
        <option>France</option>
        <option>Espagne</option>
        <option>Angleterre</option>
      </optgroup>
      <optgroup label="Amérique">
        <option>Etats-Unis</option>
        <option>Mexique</option>
        <option>Canada</option>
        <option>Brésil</option>
      </optgroup>
    </select>
    22
    1. Utilise le tag <OPTGROUP> !!!!
      6
      1. Tu peux essayer avec plusieurs listes déroulantes, ou alors tu peux mettre comme valeur à tes catégories #, et faire un test du genre if form.liste.value != "#" this.form.submit() sur un <INPUT TYPE="button"> (pour que le formulaire ne soit pas envoyé de toute façon.

        C'est peut-être pas très clair mon explication ...
        1
        1. Salut, la balise option ne supporte pas le disabled mais il me semble que le select lui l'accepte donc :
          <select disabled ...>...</select>
          ou en JS
          document.nom_form.nom_select.disabled = true
          1
          1. désolé je crois que j'avais mal compris, il me semblait aussi que c'était trop facile. Du coup je vois pas trop...
            0