html - 在引导程序中禁用控件

Question

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

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

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

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

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

score 99 · Accepted Answer

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

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

或者

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

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

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

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

禁用属性

只读属性

score 12 · Accepted Answer

12

尝试

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

于 2013-01-09T14:42:56.860 回答

score 2 · Accepted Answer

2

尝试

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

于 2013-01-09T14:44:40.587 回答

score 2 · Accepted Answer

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

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

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

score 0 · Accepted Answer

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

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

#message_tag_chzn{
display: none;
}

 #message_tag{
  display: inline !important;
}

score 0 · Accepted Answer

0

你也可以使用“只读”

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

于 2015-07-27T13:29:20.187 回答

6 回答 6