Javascript 无法使选择禁用和启用

我想使文本和选择选项禁用和启用时，我分别点击编辑和保存按钮。在我的例子中，文本字段在单击时被禁用和启用，但选择下拉列表未被取消和启用。在javascript中，我调用了这个类来禁用和启用文本字段。如何进行选择

$(document).ready(function() {
  $('.editBtn').click(function() {
    if ($('.editField').is('[readonly]')) { //checks if it is already on readonly mode
      $('.editField').prop('readonly', false); //turns the readonly off
      $('.editBtn').html('<span class="glyphicon glyphicon-floppy-disk">&nbsp;</span>'); //Changes the text of the button
    } else { //else we do other things
      $('.editField').prop('readonly', true);
      $('.editBtn').html('<span class="glyphicon glyphicon-pencil">&nbsp;</span>');
    }
  });
});

$（文档）.ready（函数（）{
$（'.editBtn'）。单击（函数（）{
if（$（'.editField'）.is（'[readonly]'）{//检查它是否已处于只读模式
$（'.editField'）.prop（'readonly'，false）；//关闭只读
$（'.editBtn'）.html（''）；//更改按钮的文本
}要不然我们就做别的事
$（'.editField'）.prop（'readonly'，true）；
$（'.editBtn'）.html（''）；
}
});
});

HTML:

<select id="dept" class="form-control editField" required></select>

---

由于您使用的是jQuery，因此可以执行此操作以启用选择：

$('.mySelect').prop('disabled', false); //enabled

$('.mySelect').prop('disabled', true); //disabled

此选项用于禁用选择：

$('.mySelect').prop('disabled', false); //enabled

$('.mySelect').prop('disabled', true); //disabled

---

欢迎使用StackOverflow，请添加您应该首先更正语法错误。