Estoy usando el complemento de selección e intento alertar al atributo de datos personalizado.
Probé con varios métodos, pero siempre indefinió el resultado. Mi lista de selección:
<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":"xy"}' value="3">Warranty</option> </select>
Y mi función 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 });
La lista de selección está en la sección Precio estimado en la columna Tipo
Aquí mi jsfiddle: Jsfiddle
Finalmente obtengo el valor del atributo con esto:
$(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); });
Busco atributo en código html.