标签: bootstrap-select

简单的问题。我的选择下拉菜单是这样的：

<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>

我希望无论选择什么，都保留该标题（“选项”）。即使我这样做：

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

我希望它保留标题“选项”。正如您所看到的，我尝试了 anddata-title属性data-selectedTextFormat，但它不起作用。

我想在 Blazor 服务器应用程序中使用 Bootstrap-select，我执行了从 Bootstrap-select 网站（https://developer.snapappointments.com/bootstrap-select/）到我的 blazor 服务器应用程序的所有步骤，并安装了 bootstrap-select 包NuGet 包管理器，但选择元素没有效果。是否可以在 blazor 应用程序中使用 Bootstrap-select。如果有人提供帮助，我将非常感激。

这是我的剃须刀组件：

@page "/"

    <select class="selectpicker" data-live-search="true">
      <option data-tokens="ketchup mustard">Hot Dog, Fries and a Soda</option>
      <option data-tokens="mustard">Burger, Shake and a Smile</option>
      <option data-tokens="frosting">Sugar, Spice and all things nice</option>
    </select>

我有一个引导选择组合框，我在 ajax 调用 Html 中填充数据 ：

<div class="row">
<select id="selectGemeente1" class="selectpicker" data-live-search="true"></select>
</div>

阿贾克斯调用：

var gemeenteLijst = [];

var GetGemeentes = function () {
    $.ajax({
        type: "GET",
        dataType: "json",
        url: 'https://localhost::blabla',
        contentType: "application/json; charset=utf-8",
        success: function (data) {
            var test = document.getElementById("selectGemeente1");
            data.forEach(function (item) {
                var opt = document.createElement("option");
                opt.value = item.GemeenteId;
                opt.innerHTML = item.Naam;
                test.appendChild(opt);
            });         
        },
        error: function (xhr, status, error) {
            alert(xhr.responseText);
        }
    });
}

$(document).ready(function () {
    GetGemeentes();  
})

运行我的应用程序后，我的选择已填充，但下拉列表未打开。

运行后的html

我看到很多解决方案说我应该把它放在我的 $(document).ready 中

$(".selectpicker").html(optgroup);

但随后我收到一条错误消息，指出 …

我正在使用 bootstrap-select 1.12.4 版本和 Angular 4.3.5。

我正在尝试使用 http 调用和异步管道加载下拉选项。

我面临的问题是，刷新页面时，大多数情况下都不会加载选择下拉选项。但有时选项会加载。我不确定我在这里犯了什么错误。有人能帮我一下吗？提前致谢。

组件.ts

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';    
import { Observable } from 'rxjs';

@Component({
  selector: 'app-bob-report',
  templateUrl: './bob-report.component.html',
  styleUrls: ['./bob-report.component.css']
})
export class BobReportComponent implements OnInit {

  observableOptions: Observable<any>;

  constructor(private http: HttpClient) { }

  ngOnInit() {
    this.observableOptions = this.http.get('assets/data/users.json');
  }

}

组件.html

<form>
  <div class="form-group">
    <label for="sel1">Select list (select one):</label>
    <select class="selectpicker" data-live-search="true">
      <option *ngFor="let option of observableOptions | async" value={{option.id}}> {{option.value}} </option> …