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