Tengo un select
que lleno de manera dinámica al consultar mi base de datos. Usando $("#mi_id").val()
obtengo el valor correctamente, pero lo que necesito es obtener la etiqueta que se ha seleccionado, pero $("#mi_id").attr("nombre_atributo");
me regresa undefined
.
Esta es la forma en que lleno las opciones del select
y con lo cual no tengo problemas:
archivo r_egresos.php
<select id="proveedor" name="proveedor" class="form-control" autofocus required></select>
function b_proveedor() {
var proveedores = "";
$.ajax({
url:"egresos_controller.php",
dataType:"json",
data: { axn: "b_proveedor" },
type:"POST",
success: function(data) {
if (data != null || data != "") {
proveedores += '<option value="0">---</option>'
$.each(data, function(key, value) {
proveedores += '<option data-nproveedor="'+value["nombre"]+'" value="'+value["id_proveedor"]+'">'+value["nombre"]+'</option>'
});
} else {
proveedores += '<option value="0">No hay registros</option>'
proveedores += '<option value="0">---</option>'
};
$("#proveedor").empty().append(proveedores);
},
error: function() {
alert("error");
}
})
}
Y de esta forma es como estoy tratando de obtener la etiqueta:
archivo Funciones.js
$("#proveedor").on("change", function() {
var data1 = $('#proveedor').data("nproveedor");
var data2 = $('#proveedor').val();
var data3 = $('#proveedor').attr("nproveedor");
var data4 = $('#proveedor').attr("data-nproveedor");
});
Pero me regresa undefined
.
Ya pobre con data-nproveedor="'+value["nombre"]+'"
pero al tratar de leerlo me regresa también undefined
.
nproveedor
? Porque si lo que buscas es el obtener el texto de la opción seleccionada puedes obtenerlo sin tener que crear unattr