Disable and Enable a DropDownList in JavaScript

In this example we’ll learn How to enable/disable dropdownlist in JavaScript.


<!DOCTYPE html>
<html>
<head>
<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>

</body>
</html>

<!DOCTYPE html>

<html>

<head>

function disable() {

document.getElementById("mySelect").disabled=true;

}

function enable() {

document.getElementById("mySelect").disabled=false;

}

</script>

</head>

<body>

<form>

<option>Apple</option>

<option>Banana</option>

<option>Orange</option>

</select>

</form>

</body>

</html>

You may also like

Leave a Comment X