无法选择禁用并启用

时间:2018-06-11 14:11:21

标签: javascript jquery html

我想创建文本并选择禁用选项,并在我分别单击编辑和保存按钮时启用。在我的情况下,文本字段被禁用并启用onclick但选择下拉列表没有被删除和启用。在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>');
    }
  });
});

HTML:

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

1 个答案:

答案 0 :(得分:0)

由于你正在使用jQuery,你可以这样做以启用select:

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

这将禁用选择:

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