Obter atributo data de uma opção no select com jQuery - Bruno Devx - BR Criativus

post #1434

Obter atributo data de uma opção no select com jQuery

Publicado em: 04/02/2022 / Atualizado em: 04/02/2022

Categorias: BlogJavaScript (JS)jQueryJS

É possível obter um valor de um atributo data em uma opção de um campo select, para isso você precisa do código abaixo, usando o comando data:

$(this).find(':selected').data('uuid');

Ou também é possível usar o attr para isso, caso o código de cima não funcione no modelo que seu código se encontra:

$(this).find(':selected').attr('data-uuid');

Segue abaixo um exemplo de uso:

<select class="meu_seletor" name="meu_seletor">
	<option data-uuid="1001" value="opcao_1">Opção 1</option>
	<option data-uuid="1002" value="opcao_2">Opção 2</option>
</select>


<script>
  $(".meu_seletor").change(function(e) {
    e.preventDefault();
    var uuid = $(this).find(':selected').attr('data-uuid');
    console.log(uuid); // Mostra o valor de "data-uuid" no console do navegador.
  });
</script>

Publicações recomendadas:


Link Direto

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.

bruno.art.br/?p=1434

ID de Referência: 1434

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato