Question

使用bootstrap时，当我尝试禁用页面上的下拉列表时，它会被禁用，但不会显示为灰色。注释掉bootstrap依赖性可以使它正常工作。

我如何使用引导程序，并且在禁用时仍然会使我的下拉列表显示为灰色。请在此处查看我的jsbin。

Answer 1

您的代码中没有错误，它在您的jsbin中正常工作。只需点击Run with JS点击Disable，然后点击Select element即可。它被禁用，中间框用于jsbin设置。你无法在其上应用你的代码。请勿点击CSS选择。

Answer 2

只需删除

<script>
    window.onload = init;
</script>

因为它没有定义并产生错误。

Answer 3

只需看到这个简单的代码Here

即可

<script>
function disable() {
    document.getElementById("mySelect").disabled=true;
}
function enable() {
    document.getElementById("mySelect").disabled=false;
}
</script>
</head>
<body>

<form>
<select id="mySelect">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
<br><br>
<input type="button" onclick="disable()" value="Disable list">
<input type="button" onclick="enable()" value="Enable list">
</form>

使用bootstrap时无法禁用下拉列表

3 个答案: