désactiver le menu déroulant dans IE6 et IE7

Question

Je montre la catégorie et la sous-catégorie dans une liste déroulante et je ne veux pas que la liste déroulante de la catégorie principale soit sélectionnée par n'importe quel utilisateur.

J'ai donc appliqué disable="disabled" et ça marche très bien dans Firefox, Chrome, et aussi IE8, mais ça ne marche pas dans IE6 et IE7.

mon code:

<option value="test" disabled="disabled" >Test></option> 

Answer 1

Il semble que ce soit un problème bien documenté avec IE6/IE7.

Une recherche rapide sur Google a révélé cette solution de contournement potentiel: http://www.goodercode.com/wp/disable-select-options-internet-explorer-jquery/

Answer 2

Je ne pense pas que vous pouvez dans IE ce achive. Ce que vous pouvez faire est d'utiliser un peu de javascript pour indiquer à l'utilisateur que l'option est désactivée:

function check(el) { 
    if (el.options[el.selectedIndex].disabled) { 
    alert ("This option is not available!") 
    el.options.value = ''; 
    } 
} 

Vérifiez également cette solution: http://www.lattimore.id.au/2005/07/01/select-option-disabled-and-the-javascript-solution/

Answer 3

Vous pouvez mettre « Catégorie » et « Sous-catégorie » dans <optgroup> comme ceci:

<select> 
    <optgroup label="Category"></optgroup> 
</select> 

ou

<select> 
    <optgroup label="Category"> 
    <option>Category 1</option> 
    <option>Category 2</option> 
    </optgroup> 
</select> 

est pris en charge dans IE5.5

Voir http://reference.sitepoint.com/html/optgroup pour plus de détails.