如何将html选择转换为引导选择？

【问题标题】：how to convert html select to bootstrap select?如何将html选择转换为引导选择？
【发布时间】：2016-09-13 09:48:30
【问题描述】：

我在我的 Web 应用程序中使用 Bootstrap 并且是新手。我有一个关于如何将普通的 html 选择转换为引导选择的问题。

在呈现整个页面后，我需要使用 ajax 使用引导选择填充 div，但我返回的选择是普通的 html 选择。我尝试调用selectPicker的render，refresh方法将其渲染为bootstrap select，但没有成功。See my normal html select

如果有人可以帮助我，非常感谢。谢谢。

【问题讨论】：

您使用哪个插件将普通选择转换为引导选择？
它是 bootstrap-select.js。
你能确认一下吗？因为不同的插件有不同的语法来初始化它
是的，它是 bootstrap-select.js。

标签： twitter-bootstrap render html-select bootstrap-select

【解决方案1】：

在 ajax 调用中附加选择元素 HTML 后添加此脚本。

$('#form-SchemeUUID').selectpicker({
  style: 'btn-info'  
});

还要确保将插件的 CSS 和 Js 文件添加到页面中。

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>

【讨论】：

谢谢，它有效。我拿错了身份证。 $('#form-SchemeUUID').selectpicker(''refresh) 也很好用。