【问题标题】:How to alert selectize attr?如何提醒选择属性?
【发布时间】:2021-11-14 06:57:12
【问题描述】:

我正在使用 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

【问题讨论】:

  • 请始终在问题中包含相关代码。 jsFiddle 目前存在性能和连接问题,因此您的问题无法回答。
  • 谢谢你的建议,我完成了;)

标签: javascript jquery selectize.js


【解决方案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 代码中搜索属性。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-02-24
    • 2010-12-30
    • 2021-01-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-09
    • 1970-01-01
    相关资源
    最近更新 更多