时间戳

首页 > 解决方案 > 如何提醒选择属性？

javascript - 如何提醒选择属性？

问题描述

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

我尝试了几种方法，但总是未定义结果我的选择列表：

<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
    });

选择列表位于类型列的估计价格部分

这是我的jsfiddle：Jsfiddle

标签： javascriptjqueryselectize.js

解决方案

最后我得到这个属性的值：

$(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 代码中搜索属性。

推荐阅读