Désactivation des Contrôles dans le Bootstrap

Question

Je suis en utilisant Bootstrap css et js dans mon application. Accidentellement, j'ai cliqué sur un handicapé liste Déroulante, et a constaté que c'est l'ouverture de la liste déroulante. Je l'ai fait il readonly dans l'attribut de l' select élément:

<select id="xxx" name="xxx" class="input-medium" readonly>

J'ai également essayé le paramètre readonly="true", mais toujours le même.

Toutefois, le contrôle de zone de texte, qui fonctionne bien, si vous n'utilisez pas de jQuery.datepicker.

Est-il une façon spéciale de faire un menu déroulant en lecture seule lorsque nous utiliser bootstrap?

Answer 1

Non, Bootstrap ne pas introduire des considérations spéciales pour la désactivation d'une liste déroulante.

<select id="xxx" name="xxx" class="input-medium" disabled>

ou

<select id="xxx" name="xxx" class="input-medium" disabled="disabled">

va travailler. Je préfère donner des valeurs d'attributs (comme dans le deuxième, en XHTML, les attributs doivent avoir une valeur), mais la spécification HTML dit:

La présence d'un attribut booléen sur un élément représente le vrai valeur, et l'absence de l'attribut représente la valeur false.

(à partir de http://www.whatwg.org/specs/web-apps/current-work/multipage/common-microsyntaxes.html#boolean-attribute)

Les principales différences entre lecture seule et handicapées:*

Les personnes Handicapées de l'attribut

• Les valeurs pour les personnes handicapées des éléments de formulaire ne sont pas transmises au processeur la méthode. Le W3C appelle cela une réussite.(Cela fonctionne de la même pour former des cases qui ne sont pas vérifiées.)
• Certains navigateurs peuvent les remplacer ou de fournir de style par défaut pour les personnes handicapées des éléments de formulaire. (Gris ou estampage texte) Internet Explorer 5.5 est particulièrement désagréable à ce sujet.
• Personnes handicapées constituent des éléments à ne pas recevoir le focus.
• Désactivé les éléments de formulaire sont ignorés dans la navigation de tabulations.

L'Attribut Lecture Seule

• Pas tous les éléments de formulaire ont un attribut lecture seule. La plupart des notables, l' <SELECT>, <OPTION>, et <BUTTON> éléments n'ont pas d'attributs readonly (bien que tes deux ont désactivé les attributs)
• Les navigateurs offrent pas de valeur par défaut substituée retour visuel que l'élément de formulaire est en lecture seule
• Les éléments de formulaire avec l'attribut lecture seule jeu sera adopté à la forme du processeur.
• Lire uniquement les éléments de formulaire peut recevoir le focus
• Lire uniquement les éléments de formulaire sont inclus dans les onglets de navigation.

*-plagiat flagrant de http://kreotekdev.wordpress.com/2007/11/08/disabled-vs-readonly-form-fields/

Answer 2

essayez

$('#xxx').attr('disabled', true);

Answer 3

Essayez

<select id="xxx" name="xxx" class="input-medium" disabled>

Answer 4

ne pas utiliser readonly mais utiliser disabled