使用 jquery 禁用和启用下拉菜单

Question

如何在编辑中禁用下拉菜单但在创建用户中启用。 我在 MVC 视图中有下拉菜单，在 jquery 中有创建和编辑用户。 我已经尝试过这些，但没有在 jquery 中使用任何这些来禁用它：

 $("#dropdown").prop("disabled", false);  

 $('#dropDownId').attr('disabled', true);

 $('#dropdown').prop('disabled', true);

在我的 MVC 中，当我有这样的时候：

  <select id="organization" class="create-user-select-half" disabled>

它使它被禁用，但我无法再次在 jquery 中启用它。

Answer 1

你必须设置

$("#dropdown").prop('disabled', true);

用于禁用控件。 要再次启用它，您必须调用：

$("#dropdown").prop('disabled', false);

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="organization" class="create-user-select-half" disabled> <option value="1">dsdsd</option> </select> <button onclick="$('#organization').prop('disabled', false)">Enable</button> <button onclick="$('#organization').prop('disabled',true)">Disable</button>

Answer 2

您应该一起删除该属性以重新启用下拉列表。

$('#dropdown').removeAttr('disabled')

Answer 3

要启用下拉列表中的所有子元素：

for (var x = 0; x < $("#organization")[0].childElementCount; x++) { $('#organization')[0][x].disabled = false; }

Answer 4

禁用的项目不可点击。 您可以在选择标签之外使用 div。

<div class="editable">
      <select id="organization" class="create-user-select-half" disabled>
</div>

$(".editable").on("click", function () {
    $('#organization').prop('disabled', false)
});