jquery - 使用 bootstrap-select 检索选项 id

Question

我正在使用引导选择，这是我的代码：

<select class="selectpicker">
    <option id="mk12bd">Mustard</option>
    <option id="tk22fd">Ketchup</option>
    <option id="mg32br">Relish</option>
  </select>

假设我执行 $(".selectpicker").val() 那么我会得到这个：mk12bd 或任何选择的东西。

但是当我执行时：

$('.selectpicker').selectpicker();

如果我执行 $(".selectpicker").val() 那么我会得到这个：“芥末”或任何选择的东西。

我的原始布局丢失了，我的 id 也随之消失了，我的 ui 逻辑使用它们来调用一些 Web 服务，有没有办法使用 bootstrap-select 将它们保持在新布局中？

提前致谢！