我想禁用页面加载下拉列表,并使用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/

10-11 06:15
查看更多