Question

我绝望地尝试通过jQuery（1.11.3）禁用所选的下拉列表。以下代码行是我试图让它工作的所有尝试：

$("#jform_catid_chzn").prop('disabled', true).trigger('listz:updated');
$("#jform_catid_chzn").prop('disabled', 'disabled').trigger('listz:updated');
$("#jform_catid_chzn").attr('disabled', true).trigger('listz:updated');
$("#jform_catid_chzn").attr('disabled', 'disabled').trigger('listz:updated');
$("#jform_catid_chzn").prop('disabled', true).trigger('chosen:updated');
$("#jform_catid_chzn").prop('disabled', 'disabled').trigger('chosen:updated');
$("#jform_catid_chzn").attr('disabled', true).trigger('chosen:updated');
$("#jform_catid_chzn").attr('disabled', 'disabled').trigger('chosen:updated');

不幸的是，到目前为止，他们都没有成功。当然，我已经检查了触发的ID，这是正确的。

有人可以帮我解决这个问题吗？

Answer 1

使用JavaScript

＆＃13;

<script>
function disable() {
    document.getElementById("mySelect").disabled=true;
}
function enable() {
    document.getElementById("mySelect").disabled=false;
}
</script>
</head>
<body>


<select id="mySelect">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
<br><br>
<input type="button" onclick="disable()" value="Disable list">
<input type="button" onclick="enable()" value="Enable list">

＆＃13;

使用jquery

＆＃13;

$(document).ready(function() {
  $("#chkdwn2").click(function() {
    if ($(this).is(":checked")) {
      $("#dropdown").prop("disabled", true);
    } else {
      $("#dropdown").prop("disabled", false);
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="dropdown" style="width:200px;">
  <option value="feedback" name="aft_qst">After Quest</option>
  <option value="feedback" name="aft_exm">After Exam</option>
</select>

<input type="checkbox" id="chkdwn2" value="feedback" />

＆＃13;

如何禁用所选的下拉列表？

1 个答案: