post
Obter atributo data de uma opção no select com jQuery
Publicado 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>
Link de 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 para mim, e sugira alguma publicação de algum tema que tenha dificuldades de resolver.