web-dev-qa-db-fra.com

comment désactiver l'intégralité du contrôle déroulant en html

je vois qu'il y a une propriété désactivée sur un élément spécifique dans la liste déroulante mais y a-t-il une propriété activée sur la liste déroulante html elle-même?

aucune suggestion?

20
leora

Selon la spécification HTML 4 un élément select a un attribut disabled.

Alors

<select disabled>
  <option>Something</option>
</select>

devrait marcher

31
Joey
disabled="disabled"

Cela désactivera une valeur dans la zone de liste déroulante (elle apparaîtra toujours, mais elle ne pourra pas être sélectionnée):

<select>
  <option disabled="disabled" value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Cela désactivera toute la zone de liste déroulante:

<select disabled="disabled">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
14
Travis Heeter

peut ceci aidera

est identique à:

<html>
    <head>
       <script type="text/javascript">
          function makeDisable(){
          var x=document.getElementById("mySelect")
          x.disabled=true
          }
         function makeEnable(){
             var x=document.getElementById("mySelect")
              x.disabled=false
         }</script></head><body><form>
        <select id="mySelect"><option>Apple</option><option>Banana</option>
        <option>Orange</option>
        </select>
        <input type="button" onclick="makeDisable()" value="Disable list">
        <input type="button" onclick="makeEnable()" value="Enable list">
        </form>
        </body>
       </html>
3
Posto