Question

我正在尝试从选择框中获取自定义属性值。它是由我已经工作的复选框点击触发的。我可以得到名称和价值对。我想从选项值线获得自定义属性（治疗）（力量）（体重）和（障碍物）。这有可能吗？

选择框

<option value="2220" therapy="1" strength="1" weight="0" obstacle="0">Supine Calf/Hamstring Stretch</option>
<option value="1415" therapy="0" strength="0" weight="0" obstacle="0">Sitting Chair Twist</option>
<option value="1412" therapy="0" strength="0" weight="0" obstacle="0">Static Abductor Presses</option>

的jQuery

// exercise list filter category         
jQuery.fn.filterByCategory = function(checkbox) {
        return this.each(function() {
            var select = this;
            var optioner = [];

            $(checkbox).bind('click', function() {

                var optioner = $(select).empty().scrollTop(0).data('options');

                var index=0;
                $.each(optioner, function(i) {

                    var option = optioner[i];
                    var option_text = option.text;
                    var option_value = parseInt(option.value);

                        $(select).append(
                           $('<option>').text(option.text).val(option.value)
                        );

                    index++;
                }); 
            });
        });
    };

Answer 1

您需要找到所选内容，如下所示：

var $select = $('#mySelectBox');
var option = $('option:selected', $select).attr('mytag');

Answer 2

这是如何获得选定的选项属性：

$('select').find(':selected').attr('weight')

Answer 3

获取所选选项并使用attr函数获取属性：

$("select").find(":selected").attr("therapy")

JSFIDDLE

jquery函数从选择框中选择自定义属性

3 个答案: