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", "disabled");

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

$("#dropdown").removeAttr("disabled");

<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').removeAttr('disabled')">Enable</button>
<button onclick="$('#organization').prop('disabled','disabled')">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)
});

使用jquery禁用和启用下拉列表

4 个答案: