如何提醒选择属性？

Question

我正在使用 selectize 插件并尝试提醒自定义数据属性。

我尝试了几种方法，但结果总是不确定我的 select 列表：

<select name="location_work{{counter}}" id="location_work{{counter}}" class="list_type_op" data-md-selectize-inline required>
    <option data-data='{"param": 0}'  value="1">Construction</option>
    <option data-data='{"param": 1,"name":"x"}' value="2">Puchase</option>
    <option data-data='{"param": 2,"name":"x-y"}' value="3">Warranty</option>
</select>

还有我的js函数

    $(document).on('change', '.list_type_op', function () { 
        var selected_option = this.value;
        var nbParam =  $('option:selected', this).attr('data-param');
        alert(nbParam); //is indefined
    });

Select 列表在类型列的预估价格部分

这是我的 jsfiddle：Jsfiddle

Answer 1

最后我得到了属性值：

$(document).on('change', '.list_type_op', function () { 
    var selected_option = this.value;
    var nbParam =  $(".selectize-dropdown-content").find(`[data-value='${selected_option}']`).attr('data-param');
    alert(nbParam);
});

我在 html 代码中搜索属性。

如何提醒选择属性？

How to alert selectize attr?

javascript

jquery

selectize.js