时间戳

首页 > 解决方案 > 如何禁用选择器（Bootstrap-Select）的实际“下拉”？

javascript - 如何禁用选择器（Bootstrap-Select）的实际“下拉”？

问题描述

当单选按钮设置为“否”时，我希望完全禁用选择器。现在，我有以下代码来禁用“selectpicker”类：

   $("#mySelect").prop("disabled", true);
   $(".selectpicker[data-id='mySelect']").addClass("disabled");

然后重新启用它：

   $("#mySelect").prop("disabled", false);
   $(".selectpicker[data-id='mySelect']").removeClass("disabled");

从某种意义上说，我无法更改菜单选项，但实际菜单本身仍会下拉并在我单击它时显示选项（但我无法单击这些选项中的任何一个）。我需要做什么才能真正禁用菜单的下拉菜单并使其选择选择器在重新启用之前完全处于非活动状态？

标签： javascriptjqueryhtmlbootstrap-4disable

解决方案

我发现了问题。在这些行之后，我需要“刷新”：

$('.selectpicker').selectpicker('refresh');

推荐阅读