balises d'entrée html dans div caché sont désactivés lorsque la div est affichée

Question

<div id="divOut" class="section" style="display:none"> 
    <div id="divIn" class="section" style="display:none"> 
     .. textboxes and dropdown 
    </div> 
</div> 

Je DIVIN l'intérieur divOut. Intérieur divIn, j'ai des zones de texte et une liste déroulante.

Initialement, ils sont masqués. quand j'affiche la div .. les zones de texte sont visibles mais elles sont désactivées dans Mozilla. Je ne peux pas cliquer avec une souris. J'utilise ci-dessous pour afficher les balises div.

document.getElementById("divOut").style.display ="block"; 
document.getElementById("divIn").style.display ="block"; 

J'ai essayé plusieurs façons de définir l'indicateur de désactivation à false - n'a pas aidé. J'ai également remarqué dans Firebug .. le drapeau de désactivation est faux. mais encore, toute la section div est désactivée. Cela fonctionne sur IE. mais ne fonctionne pas sur Mozilla ou Chrome

Answer 1

Avez-vous essayé de supprimer entièrement le drapeau désactivé? De plus, puisque vous parlez de firebug, vous pouvez aussi essayer de voir ce qui se passe réellement avant de l'implémenter dans le code. Changez le tag désactivé manuellement dans firebug et voyez ce qu'il se passe.

Answer 2

Avez-vous utilisé "readonly" dans la balise pour la zone de texte et déroulante. Si oui, retirez-le si ce n'est pas nécessaire.

Si vous utilisez le mot clé désactivé dans les tags d'entrée. Vous pouvez supprimer l'état désactivé en utilisant javascript comme suit:

document.getElementById ("t1"). RemoveAttribute ("disabled");

t1 = id de la zone de texte/menu déroulant

Aussi, si vous souhaitez modifier la valeur d'un attribut particulier, vous pouvez utiliser

document.getElementById ("t1"). SetAttribute ("classe" , "nouvelle classe"); où class est le nom de l'attribut et new_class est la valeur de l'attribut.