在引导程序中禁用控件答案

【问题标题】：Disabling Controls in Bootstrap在引导程序中禁用控件
【发布时间】：2012-12-23 15:30:06
【问题描述】：

我在我的应用程序中使用 Bootstrap css 和 js。不小心我点击了一个禁用的下拉列表，发现它正在打开下拉列表。我在select 元素的属性中设置了readonly：

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

我也试过设置readonly="true"，但还是一样。

但是，如果您不使用 jQuery.datepicker，文本框控件可以正常工作。

当我们使用引导程序时，是否有一种特殊的方法可以使下拉控件只读？

【问题讨论】：

【解决方案1】：

请记住，对于 jQuery 1.6+，您应该使用 .prop() 函数。

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

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

【讨论】：

【解决方案2】：

你也可以使用“只读”

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

【讨论】：

【解决方案3】：

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

在这里，我只是为“选择”元素删除了引导 css。使用以下 css 代码。

#message_tag_chzn{
display: none;
}

 #message_tag{
  display: inline !important;
}

【讨论】：

【解决方案4】：

不，Bootstrap 没有引入禁用下拉菜单的特殊注意事项。

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

或

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

会起作用。我更喜欢给属性值（如第二种形式；在 XHTML 中，属性必须有一个值），但 HTML 规范说：

元素上存在布尔属性表示真实值，属性不存在代表假值。

只读和禁用的主要区别：*

禁用属性

只读属性

【讨论】：

【解决方案5】：

试试

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

【讨论】：

【解决方案6】：

试试

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

【讨论】：