通过JQuery从SELECT标记获取选定的Data属性

时间:2014-08-12 20:25:40

标签: javascript jquery html

我正在尝试从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>

我想要的只是获取所选数据标签“数据成本”。

我试过了: -

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

有什么想法吗?

感谢。

1 个答案:

答案 0 :(得分:1)

要获取所选选项数据成本值,请尝试此...

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

有关.data().attr()的区别的详细信息,请查看此答案。 https://stackoverflow.com/a/8708345