我想更改选择的 header ,但我做不到。
我试过:
$('select').selectpicker({header: "New Header"}).selectpicker('render');
和:
$('select').selectpicker({header: "New Header"}).selectpicker('refresh');
我更新到最新版本。
最佳答案
不幸的是,标题仅在选择器初始化时设置。不在 refresh
上,也不在 render
上。所以恐怕剩下的唯一选择是通过更新 DOM 来设置 header :
$('select').selectpicker({ header: 'Header' });
function changeHeader() {
$('.popover-title').contents().filter(function() {
return this.nodeType === 3;
})[0].nodeValue = 'New Header';
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.3/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.3/js/bootstrap-select.min.js"></script>
<select>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
<button type="button" onclick="changeHeader()">Change header</button>
关于javascript - 如何通过 javascript 更新 Bootstrap 选择 (selectpicker) header ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53529071/