Bootstrap-Select - Как сохранить статическое название?

Question

Простой вопрос. Мой выбор раскрывающийся так:

<select class="selectpicker" multiple data-container="body" data-title="Options" data-size="10" data-width="100%" data-selectedTextFormat="static" > 
    <option value="default">Test</option> 
</select> 

Я хочу, чтобы, независимо от того, что выбрано, чтобы сохранить это название («Options»). Даже если я это сделаю:

$('.selectpicker').selectpicker('val', "default"); 

Я хочу, чтобы он остался с названием «Варианты». Я пробовал, как вы можете видеть, атрибут data-title и data-selectedTextFormat, но это не сработало.

Answer 1

См Options

Параметры могут быть переданы с помощью атрибутов данных или JavaScript. Для данных атрибутов, добавьте имя параметра в data-, как в data-style="" или data-selected-text-format="count"

Ваш атрибут данных не является правильным, оно должно быть data-selected-text-format="static".

Использование данных атрибутов

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css"> 
 

 
<div class="container"> 
 
    <select class="selectpicker" multiple data-title="Options" data-size="10" data-width="100%" data-selected-text-format="static"> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
    <option value="4">4</option> 
 
    <option value="5">5</option> 
 
    <option value="6">6</option> 
 
    <option value="7">7</option> 
 
    <option value="8">8</option> 
 
    <option value="9">9</option> 
 
    <option value="10">10</option> 
 
    <option value="11">11</option> 
 
    <option value="12">12</option> 
 
    </select> 
 
</div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>

Использование JavaScript

$('.selectpicker').selectpicker({ 
 
    selectedTextFormat: 'static', 
 
    width: '100%', 
 
    size: 10, 
 
    title: 'Options' 
 
});

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css"> 
 

 
<div class="container"> 
 
    <select class="selectpicker" multiple> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
    <option value="4">4</option> 
 
    <option value="5">5</option> 
 
    <option value="6">6</option> 
 
    <option value="7">7</option> 
 
    <option value="8">8</option> 
 
    <option value="9">9</option> 
 
    <option value="10">10</option> 
 
    <option value="11">11</option> 
 
    <option value="12">12</option> 
 
    </select> 
 
</div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>

Answer 2

Если вы хотите, чтобы по умолчанию не всегда остаются теми же, независимо от того, что пользователь выбирает, то вы можете просто установить значение каждого <option> то же самое и изменить название

<select class="selectpicker" multiple data-container="body" data-title="Options" data-size="10" data-width="100%" data-selectedTextFormat="static" > 
    <option value="Options">Title1</option> 
    <option value="Options">Title2</option> 
    <option value="Options">Title3</option> 
    <option value="Options">Title4</option> 
    <option value="Options">Title5</option> 
    <option value="Options">Title6</option> 
</select> 

, но я понятия не имею, почему вы хотел бы этого.