jQuery Bootstrap Selectpicker根据先前的列表选择刷新列表

Question

我有三个下拉列表，其中一个列表是在页面加载时填充的，并且不会更改。第二和第三列表可能会根据选择而改变。此功能运行良好。

我尝试将Bootstrap selectpicker添加到选择器中，并且可以看到它正在工作-
不幸的是，列表并未根据选择刷新。我实际上认为它们是“幕后”，因为我可以看到查询正在传递，但是通过前端没有任何反应。

HTML的一部分：

<!-- SelectPicker -->
<link href='//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/css/bootstrap-select.min.css' rel='stylesheet' type='text/css'>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

前两个DDL是通过php创建的，但是

<select id='ddl_first_lookup' onchange='ajaxFirstOnChange(this.value)' value='' class='selectpicker'></option>
<select id='ddl_second_lookup' onchange='ajaxSecondOnChange(this.value)' class='selectpicker'>
<select id="ddl_third_lookup" onchange='ajaxThirdLookup(this.value)' class='selectpicker'></select>

我有以下Javascript：

$(document).ready(function() {  
  $(".selectpicker").selectpicker();
});

这是我发现问题的地方，我试图在Ajax中的变更功能上实现此问题，但没有成功-甚至不确定它是否正确。

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

我对所有这些都很陌生，因此需要帮助。

Answer 1

遇到相同问题后，我发现了您的问题。添加$('.selectpicker').selectpicker('refresh');项目添加到我的清单后究竟做了工作。
因此，您可能需要找到正确的放置位置。也许是ajax调用成功的一部分。