Les comento, necesito agarrar el atributo no_precio de una opción de mi select con el id: nuevoIdCliente, comparto código:
<select class="form-control select2" id="nuevoIdCliente" name="nuevoIdCliente">
<option no_precio="1" value="Pedro">Pedro</option>
<option no_precio="2" value="Marco">Marco</option>
<option no_precio="2" value="Erik">Erik</option>
</select>
Como pueden ver mi select tiene a Pedro como opción por default, por lo que he logrado agarrar el atributo no_precio de esa opción por default, pero al momento de cambiar de opción no consigo obtener el atributo de esa otra opción, comparto mi código javascript
if($("nuevoIdCliente").change()){
var no_precio = $("#nuevoIdCliente>option:selected").attr("no_precio");
alert(no_precio);
}else{
var no_precio = $("#nuevoIdCliente>option:selected").attr("no_precio");
alert(no_precio);
}
Aqui lo que me funciona es el else ya que como dije, ya logre obtener el atributo de la opción por default, pero no logro obtener el valor de los demás una vez cambio de opción.
Espero me puedan ayudar o corregirme, igual espero haberme dado a explicar
Y aquí les dejo de nuevo mi código con el javascript para ejecutarlo.
if($("#nuevoIdCliente").change()){
var no_precio = $("#nuevoIdCliente>option:selected").attr("no_precio");
alert(no_precio);
}else{
var no_precio = $("#nuevoIdCliente>option:selected").attr("no_precio");
alert(no_precio);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="form-control select2" id="nuevoIdCliente" name="nuevoIdCliente">
<option no_precio="1" value="Pedro">Pedro</option>
<option no_precio="2" value="Marco">Marco</option>
<option no_precio="2" value="Erik">Erik</option>
</select>