如何將html選擇轉換爲bootstrap select？

我在我的web應用程序中使用了Bootstrap，並且新增了它。我有一個關於如何將正常的html選擇轉換爲引導選擇的問題。如何將html選擇轉換爲bootstrap select？

我需要在整個頁面被渲染後使用ajax填充引導選擇的div，但是我返回的選擇是正常的html選擇。我試圖調用render，selectPicker的refresh方法將其渲染爲引導選擇，但它不起作用。 See my normal html select

非常感謝，如果有人能幫助我。謝謝。

來源

2016-05-17 Echo

你使用哪個插件將普通select轉換爲bootstrap select？ –

它是bootstrap-select.js。 – Echo

你能證實嗎？因爲不同的插件有不同的合成器來初始化它 –

在您的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>

來源

2016-05-17 11:04:55

謝謝，它的工作原理。我採用了錯誤的ID。 $（'＃form-SchemeUUID'）。selectpicker（''refresh）也可以。 – Echo

很高興幫助，也如果這個答案幫助你，請將其標記爲答案.. –

如何將html選擇轉換爲bootstrap select？

回答

相關問題