javascript - 我无法启用选择

Question

嗨，我有一种禁用选择的方法:

function setPersons(adultos){
    document.getElementById("perselect").value = adultos; 
    document.getElementById("perselect").disabled = true;
}

当我加载我的网站时会调用它。这项工作没有问题。

我的问题是当我尝试使用表单内的按钮再次启用它时。

这是按钮代码:

<button class="button-big" name="disp" value="clean" id="save" type="button">Limpiar fecha</button>

这是 jQuery 中捕获它的方法:

$('#save').on('click', function(e) {
    document.getElementById("perselect").disabled=false;
    document.getElementById("ninselect").disabled=false;                    
});

页面加载时，选择被禁用，但是如果我按下按钮，则会调用 click 事件(我在里面放置一个警报来检查它)，但选择始终被禁用。

可能会发生什么？

Answer 1

在select 控件上将disabled 属性设置为false 实际上并不会重新启用该控件。当 disabled 属性被完全删除时，大多数浏览器将重新启用控件:

$(document).ready(function() {
  document.getElementById("combobox").disabled = true;
});

$("#btn-enable").on('click', function() {
  document.getElementById("combobox").removeAttribute("disabled");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="btn-enable">Enable</button>
<select id="combobox">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>