Как обновить заголовок начальной загрузки (selectpicker) с помощью javascript - PullRequest
Новая
       51

Как обновить заголовок начальной загрузки (selectpicker) с помощью javascript

0 голосов
/ 29 ноября 2018

Я хочу изменить заголовок выбора, я просто не могу этого сделать.

Я пытался: 

$('select').selectpicker({header: "New Header"}).selectpicker('render');

и: 

$('select').selectpicker({header: "New Header"}).selectpicker('refresh');

, и яобновлено до последней версии.

1 Ответ

0 голосов
/ 07 декабря 2018

К сожалению, заголовок устанавливается только при инициализации селектора выбора.Ни на refresh, ни на render.Поэтому я боюсь, что единственный вариант - установить заголовок путем обновления DOM: 

$('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>
...