通過JQuery從SELECT標記獲取選定的Data屬性

Question

我正在嘗試從SELECT獲取選定選項的數據屬性。

            <select name="" class="col-xs-12" id="my_sel">
                <option value="0">Select from list</option>
                <option value="op1" data-cost="100" id="use1">Option 1</option>
                <option value="op2" data-cost="200" id="use2">Option 2</option>
                <option value="op3" data-cost="300" id="use3">Option 3</option>
                <option value="op4" data-cost="400" id="use4">Option 4</option>
            </select>

我想要的就是獲取所選的數據標簽“ data-cost”。

我嘗試了這個：

var speed = $("#my_sel").data("cost");

任何想法？

謝謝。

Answer 1

要獲取所選選項的數據成本值，請嘗試此...

var speed = $('#my_sel').find(":selected").attr('data-cost');

有關.data()與.attr()有何不同的更多信息，請查看此答案。 https://stackoverflow.com/a/8708345