post
Obter atributo data de uma opção no select com jQuery
Publicado em: 04/02/2022 / Atualizado em: 04/02/2022
É 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:
Inscreva-se em Nossa News:
Seja notificando sempre que tiver conteúdo novo disponível no meu canal do Youtube ou artigo no meu Blog.

Link Curto para Compartilhamento
Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.
bruno.art.br/pb/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.