我想禁用页面加载下拉列表,并使用JQuery在按钮单击事件上启用它。我已经尝试了以下代码,但无法正常工作。发生的事情是禁用页面加载列表,然后启用按钮单击事件列表一秒钟,然后再次禁用列表。
$(document).ready(function () {
debugger;
if (jQuery('#btnViewHistoricData').data('clicked')) {
$("#ddlBranch").prop("disabled", false);
} else {
$("#ddlBranch").prop("disabled", true);
}
});
<div class="text-center">
<button id="btnViewHistoricData" class="btn bg-dark">View Historic Data</button>
</div>
<div class="col-md-3">
<div class="form-group m-r-sm">
<label for='rf_name'>Branch</label>
<select id="ddlBranch" class="m-b-sm w-lg form-control" onchange="ViewHistoricData()">
<option value="ALL" selected="selected">ALL</option>
</select>
</div>
最佳答案
当您单击该按钮时,您将进行一次表单发布,从而导致重新加载文档并将下拉列表设置为禁用。
因此,使按钮的类型为= button
<button id="btnViewHistoricData" class="btn bg-dark" type="button">View Historic Data</button>
现在,当单击按钮时,将没有表单发布,因此可以启用DropDownList。
<script type="text/javascript">
$(document).ready(function () {
$("#ddlBranch").prop("disabled", "disabled");
$("#btnViewHistoricData").click(function () {
$("#ddlBranch").removeAttr("disabled");
});
});
</script>
关于javascript - 想要在页面加载时禁用下拉列表,并在HTML中的按钮单击事件上启用它,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45418010/