小编典典

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

ajax

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

我尝试将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');

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


阅读 495

收藏
2020-07-26

共1个答案

小编典典

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

2020-07-26