Отключение элементов управления в Bootstrap

Я использую Bootstrap css и js в своем приложении. Случайно я нажал на отключенный список раскрывающегося списка и обнаружил, что он открывает раскрывающийся список. Я сделал это readonly в атрибуте элемента select:

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

Я также попробовал установку readonly="true", но все тот же.

Однако управление текстовым полем отлично работает, если вы не используете jQuery.datepicker.

Есть ли специальный способ создания выпадающего элемента управления readonly, когда мы используем bootstrap?

Ответы

Ответ 1

Нет, Bootstrap не вводит специальные соображения для отключения раскрывающегося списка.

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

или

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

будет работать. Я предпочитаю давать значения атрибутов (как во второй форме, в XHTML атрибуты должны иметь значение), но спецификация HTML говорит:

Наличие логического атрибута для элемента представляет истинное значение значение, а отсутствие атрибута - ложное значение.

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

Основные различия между доступными только для чтения и отключенными: *

Отключенный атрибут

  • Значения для заблокированных элементов формы не передаются процессору метод. W3C называет это удачным элементом. (Аналогично, для создания флажков, которые не отмечены.)
  • Некоторые браузеры могут переопределить или предоставить стиль по умолчанию для отключенных элементов формы. (Серый или серый текст тиснения) Internet Explorer 5.5 особенно неприятен в этом.
  • Отключенные элементы формы не получают фокуса.
  • Отключенные элементы формы пропускаются в навигации по табуляции.

Атрибут только для чтения

  • Не все элементы формы имеют атрибут readonly. Наиболее примечательно, элементы <SELECT>, <OPTION> и <BUTTON> не имеют атрибутов readonly (хотя у вас обоих отключены атрибуты)
  • Браузеры не предоставляют переопределенную визуальную обратную связь по умолчанию, которую элемент формы читает только
  • Элементы формы с набором атрибутов readonly передаются в процессор формы.
  • Только для чтения элементы формы могут получать фокус
  • Элементы только для чтения включены в навигацию с вкладками.

* - вопиющий плагиат из http://kreotekdev.wordpress.com/2007/11/08/disabled-vs-readonly-form-fields/

Ответ 2

попробовать

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

Ответ 3

Try

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

Ответ 4

<select id="message_tag">
<optgroup>
<option>
....
....
</option>
</optgroup>

здесь я просто удалил bootstrap css только для элемента select. используя следующий код css.

#message_tag_chzn{
display: none;
}

 #message_tag{
  display: inline !important;
}

Ответ 5

также вы можете использовать "readonly" 

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

Ответ 6

Помните, что для jQuery 1.6+ вы должны использовать функцию .prop().

$("input").prop('disabled', true);

$("input").prop('disabled', false);