post

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

Publicado em: 04/02/2022

Categorias: BlogJavaScriptjQueryJS

É 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.

Clique aqui e entre em contato


Comentários