javascript - 如何从 Bootstrap Selectpicker 获取数据子文本的值？

Question

我在我的项目中使用 Bootstrap-Select，我遇到了可以检索所选值但无法弄清楚如何检索该值的子文本的问题。让我们以这个下拉列表为例：

<select class="selectpicker" id="condimentPicker">
  <option data-subtext="Heinz">Ketchup</option>
  <option data-subtext="French's">Mustard</option>
  <option data-subtext="Hellmans">Mayo</option>
</select>

假设选择了番茄酱

为了获得此下拉列表的选定值，可以使用var selectedItem = $('#condimentPicker').val();. 在这种情况下selectedItem = "Ketchup"，但是我想要selectedItem = "Heinz". 知道怎么做吗？我搜索了文档，似乎找不到任何东西:(

Answer 1

找到了答案。data-subtext只是一个自定义属性，因此您可以执行以下操作来获取该值：

var selectedItem = $("#condimentPicker option:selected").attr("data-subtext");