Upon using bootstrap, when I try to disable the drop down list on my page, it does get disabled, however, does not greyed out. Commenting out the bootstrap dependency gets it to work fine.
How can I use bootstrap, and the still have my drop down greyed out upon disabling. Please see my jsbin here.
There is no Error in Your Code, it is working fine in your jsbin.
Just click on Run with JS click on Disable then click on Select element. it is disabled, The center box is for jsbin setting. you can not apply your code on it. don't click on CSS select.
Just remove
<script>
window.onload = init;
</script>
Because it is not defined and generate error.
Just see this simple code working 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>
