Vamos utilizar o typeof para verificar se option tem um data atributo setado.
<select id="areaDeAtuacao" name="areaDeAtuacao">
<option value="" disabled selected>Área de Atuação</option>
<option value="Fisioterapeuta" data-valor="300.00">Fisioterapeuta</option>
<option value="Enfermeiro">Enfermeiro</option>
<option value="Biomédico">Biomédico</option>
<option value="Esteticista" data-valor="300.00">Esteticista</option>
<option value="Estudante" data-valor="300.00">Estudante</option>
</select> |
<select id="areaDeAtuacao" name="areaDeAtuacao">
<option value="" disabled selected>Área de Atuação</option>
<option value="Fisioterapeuta" data-valor="300.00">Fisioterapeuta</option>
<option value="Enfermeiro">Enfermeiro</option>
<option value="Biomédico">Biomédico</option>
<option value="Esteticista" data-valor="300.00">Esteticista</option>
<option value="Estudante" data-valor="300.00">Estudante</option>
</select>
$("#areaDeAtuacao").change(function () {
// verifica se o valor selecionado possui data atributo
if (typeof $(this).find(':selected').data("valor") !== 'undefined') {
//*** SIM possui data atributo
// pega o valor do data atributo
var atributo = $(this).find(':selected').data("valor");
console.log(atributo);
// continua o código
}else{
//*** NÃO possui data atributo
// continua o código
}
}); |
$("#areaDeAtuacao").change(function () {
// verifica se o valor selecionado possui data atributo
if (typeof $(this).find(':selected').data("valor") !== 'undefined') {
//*** SIM possui data atributo
// pega o valor do data atributo
var atributo = $(this).find(':selected').data("valor");
console.log(atributo);
// continua o código
}else{
//*** NÃO possui data atributo
// continua o código
}
});