為什么readonly的false屬性不適用於文本框？

Question

我有一個MVC下拉菜單，當其值更改時，它應使文本框為只讀狀態，並可以對某些值進行編輯。 我試過了，但是沒有用。

$("#Users_UserGroupID").change(function () {
  if ($("#Users_UserGroupID").val != "2") {
    $("#Users_ClientName").prop("readonly", true);
    $("#Users_ClientName").val("")
  } else if ($("#Users_UserGroupID").val == "2") {
    $("#Users_ClientName").attr("readonly", false)
    $("#Users_ClientName").val("")
  }
});

Answer 1

您需要調用val()方法，而不是將引用與val比較。 還要注意，邏輯可以簡化。 嘗試這個：

$("#Users_UserGroupID").change(function () {
  $("#Users_ClientName").prop("readonly", $("#Users_UserGroupID").val() != "2").val("")
});

Answer 2

你可以試試嗎

$("#Users_ClientName").attr("readonly", "readonly");

代替

Users_ClientName").prop("readonly", true);

因為readonly不接受true或false。

並刪除您可以使用

$("#Users_ClientName").removeAttr("readonly");

希望這會起作用。