我尝试使用 javascript 禁用我的特定 Bootstrap 选择选项。
我知道如何禁用“正常选择选项”,但是当使用 bootstrap select 时它不起作用(它已禁用/灰色但我仍然可以选择它) 这里jsfidle
<select name="dropdownBranch" id="dropdownBranch" class="selectpicker" data-live-search="true">
<option value="0">Choose Number</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<select id="pureDropDown">
<option value="0">Choose Number</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<button onclick="disableDropdown()">disable</button>
function disableDropdown(){
var selectobject;
selectobject=document.getElementById("dropdownBranch").getElementsByTagName("option");
selectobject[3].disabled=true;
selectobject=document.getElementById("pureDropDown").getElementsByTagName("option");
for(z=0;z<selectobject.length;z++){
selectobject[z].disabled=true;
}
}
我也尝试删除特定选项,但同样的情况发生了(在正常下拉菜单上工作,但在 Bootstrap 选择上不起作用)
最佳答案
如所述here ,您需要在更改选项的禁用属性后重新呈现选择器。
这应该可以解决问题:(JSFiddle)
function disableDropdown(){
var selectobject;
selectobject = document.getElementById("dropdownBranch").getElementsByTagName("option");
selectobject[3].disabled = true;
$('#dropdownBranch').selectpicker('render');
}
关于javascript - 使用javascript禁用 Bootstrap 选择选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42405672/