如何從 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");