Html 禁用引导中的控件

我正在我的应用程序中使用引导css和js。我无意中点击了一个禁用的下拉列表，发现它正在打开下拉列表。我在

select

元素的属性中设置了

readonly

：

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

我也尝试过设置

readonly=“true”

，但还是一样

但是，如果不使用jQuery.datepicker，textbox控件可以正常工作

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

试试看

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

试一试

---

否，在禁用下拉列表时，引导不会引入特殊注意事项

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

或

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

元素上的布尔属性表示真实值 值，而缺少该属性表示假值

（来自）

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

禁用属性

• 禁用表单元素的值不会传递给处理器 方法。W3C称这是一个成功的元素 形成未选中的复选框。）
• 某些浏览器可能会覆盖 或者为禁用的表单元素提供默认样式。（变灰或 浮雕文字）InternetExplorer5.5对此特别讨厌
• 禁用的表单元素不接收焦点
• 禁用的表单元素 在选项卡导航中跳过

只读属性

• 并非所有表单元素都具有只读属性。最值得注意的是，
  、
  和
  元素没有只读属性（尽管它们都有禁用的属性）
• 浏览器不提供默认的覆盖视觉反馈，即表单元素是只读的
• 设置了readonly属性的表单元素将被传递给表单处理器
• 只读表单元素可以接收焦点
• 选项卡式导航中包含只读表单元素

*-公然抄袭

也可以使用“只读”

---

记住，对于jQuery 1.6+，应该使用

.prop（）

函数

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

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

---

最后我发现了。这与推特无关。它是简单的HTML。readonly使控件看起来像readonly。但是禁用会使控件禁用。非常重要：禁用表单元素的值不会传递给处理器方法。W3C称之为成功元素（其工作原理类似于未选中的表单复选框）！只读和禁用之间的区别非常有用。他是使用引导而不是jQuery来请求它的，因为jQuery 1.6将是prop（）而不是attr（）。

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

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

#message_tag_chzn{
display: none;
}

 #message_tag{
  display: inline !important;
}

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

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

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