如何禁用选择器 (Bootstrap-Select) 的实际 "dropping down"？

Question

我希望当单选按钮设置为 "No." 时完全禁用选择器现在，我有以下代码来禁用 "selectpicker" class:

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

然后重新启用它：

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

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

Answer 1

我发现了问题。在这些行之后我需要 'refresh':

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

How do I disable the actual "dropping down" of a selectpicker (Bootstrap-Select)?