我有三个下拉列表,其中一个列表是在页面加载时填充的,并且不会更改。第二和第三列表可能会根据选择而改变。此功能运行良好。
我尝试将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');
我对所有这些都很陌生,因此需要帮助。
遇到相同问题后,我发现了您的问题。添加$('.selectpicker').selectpicker('refresh');项目添加到我的清单后究竟做了工作。 因此,您可能需要找到正确的放置位置。也许是ajax调用成功的一部分。