使用Javascript点击按钮切换下拉列表启用和禁用？

Question

我有以下JavaScript来禁用ASP.NET页面中的下拉列表，当我单击按钮时会调用该页面。

function disableDropDown(DropDownID)
{
  document.getElementById(DropDownID).disabled = true;
  return false; 
}

我想使用相同的按钮在该下拉列表的启用和禁用之间切换。我该怎么做？

Answer 1

您只需要反转布尔disabled属性：

function toggleDisableDropDown(dropDownID) {
  var element = document.getElementById(dropDownID); // get the DOM element

  if (element) { // element found
    element.disabled = !element.disabled; // invert the boolean attribute
  }

  return false; // prevent default action
}

Answer 2

function toggleDisableDropDown(DropDownID)
{
  var sel = document.getElementById(DropDownID);
  sel.disabled = !sel.disabled;
  return false; 
}