Javascript 要在页面加载时禁用下拉列表，并在HTML中的按钮单击事件时启用它吗

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

$（文档）.ready（函数（）{
调试器；
if（jQuery（'#btnviewhistoricata'）.data（'clicked'））{
$（“#ddlBranch”）.prop（“已禁用”，false）；
}否则{
$（“#ddlBranch”）.prop（“disabled”，true）；
}
});
查看历史数据
分支机构
全部的

试试这段代码

$（文档）.ready（函数（）{
$（“#btnViewHistoricData”）。单击（函数（）{
$（“#ddlBranch”）.removeAttr（“禁用”）；
});
});

查看历史数据
分支机构
全部的
当您单击该按钮时，您将执行一个表单post，导致重新加载文档并将dropdownlist设置为禁用

因此，将按钮设置为=按钮类型

<button id="btnViewHistoricData" class="btn bg-dark" type="button">View Historic Data</button>

查看历史数据

现在，当点击按钮时，将没有表单post，因此可以启用DropDownList

<script type="text/javascript">
    $(document).ready(function () {
        $("#ddlBranch").prop("disabled", "disabled");

        $("#btnViewHistoricData").click(function () {
            $("#ddlBranch").removeAttr("disabled");
        });
    });
</script>


$（文档）.ready（函数（）{
$（“#分行”）.prop（“已禁用”、“已禁用”）；
$（“#BTNViewhistorCDATA”）。单击（函数（）{
$（“#ddlBranch”）.removeAttr（“禁用”）；
});
});
如果你去掉了else块，会有帮助吗？我想禁用laod页上的列表，并在单击按钮时启用它，这就是为什么我在没有按下
btnviewhistoricata
时选择了if-else条件，列表被禁用最后再次禁用列表我不明白你能解释更多吗？启用下拉列表几秒钟后，再次禁用下拉列表禁用仅在你刷新页面时发生，你可以通过运行代码段进行检查。几秒钟后，它未被禁用。未按预期工作。它不会在页面加载时禁用列表
<script type="text/javascript">
    $(document).ready(function () {
        $("#ddlBranch").prop("disabled", "disabled");

        $("#btnViewHistoricData").click(function () {
            $("#ddlBranch").removeAttr("disabled");
        });
    });
</script>