post

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:


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.

Bruno Devs News


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.

Clique aqui e entre em contato