Estoy usando Bootstrap css y js en mi aplicación. Accidentalmente he hecho clic en una movilidad de la lista Desplegable y, lo que es la apertura de la lista desplegable. He hecho readonly en el atributo de la select elemento:

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

También he probado la configuración de readonly="true", pero sigue siendo el mismo.

Sin embargo, el control de cuadro de texto funciona bien, si no hace uso de jQuery.selector de fecha.

Hay una manera especial de hacer un control desplegable readonly cuando hacemos uso de bootstrap?

  • Finalmente me enteré. No hay nada que hacer con twitter. Es simple de HTML. readonly sólo hace que el control de la mirada como readonly. Pero deshabilitado hacer el control de la movilidad.
InformationsquelleAutor Firnas | 2013-01-09

6 Comentarios

  1. 95

    No, Bootstrap no introducir consideraciones especiales para la desactivación de un desplegable.

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

    o

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

    de trabajo. Prefiero dar los valores de atributos (como en la segunda forma; en XHTML, los atributos que debe tener un valor), pero el código HTML especificación dice:

    La presencia de un atributo booleano en un elemento representa la verdadera
    valor, y la ausencia del atributo representa el valor false.

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

    Las diferencias clave entre en modo sólo lectura y movilidad:*

    El atributo Disabled

    • Valores de movilidad de los elementos de formulario no se pasan al procesador
      método. El W3C llama a esto un éxito elemento.(Esto funciona de forma similar
      para formar las casillas de verificación que no se comprueban.)
    • Algunos navegadores pueden reemplazar
      o proporcionar el estilo predeterminado para personas de movilidad de los elementos del formulario. (Gris o
      relieve de texto) de Internet Explorer 5.5 es particularmente desagradable acerca de esto.
    • Movilidad de los elementos de formulario no recibir el foco.
    • Movilidad de los elementos del formulario
      se omiten en la tabulación de navegación.

    El Atributo De Sólo Lectura

    • No todos los elementos de formulario tiene un atributo de sólo lectura -. La mayoría de los notables, la <SELECT>, <OPTION>, y <BUTTON> elementos no tienen readonly atributos (aunque tu ambas tienen movilidad atributos)
    • Navegadores no proporcionan por defecto anulado la retroalimentación visual de que el elemento de formulario es de sólo lectura
    • Elementos de formulario con el atributo de sólo lectura-conjunto de pasar a la forma del procesador.
    • De sólo lectura de los elementos de formulario, puede recibir el foco
    • De sólo lectura de los elementos de formulario son incluidos en la navegación por pestañas.

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

    • Muy importante: los Valores de movilidad de los elementos de formulario no se pasan al procesador de método. El W3C llama a esto un éxito elemento.(Esto funciona de forma similar a la forma de casillas que no están comprobados.) !
    • Las diferencias entre los de sólo lectura y de movilidad es muy útil.
  2. 12

    intentar

    $('#xxx').attr('disabled', true);
    • él está pidiendo el uso de bootstrap y no jquery
    • Además desde jQuery 1.6 esta sería la proposición() en lugar de attr().
  3. 2

    Recordar para jQuery 1.6+ debe utilizar el .prop() función.

    $("input").prop('disabled', true);
    
    $("input").prop('disabled', false);
  4. 0
    <select id="message_tag">
    <optgroup>
    <option>
    ....
    ....
    </option>
    </optgroup>

    aquí he quitado de bootstrap css solo para «seleccionar» elemento». usando el siguiente código css.

    #message_tag_chzn{
    display: none;
    }
    
     #message_tag{
      display: inline !important;
    }

Dejar respuesta

Please enter your comment!
Please enter your name here