JQuery: Verificar se option do elemento HTML select possui um data atributo

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>
$("#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
  }
});

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *