Meus queridos,
Tenho uma tabela de usuários, sendo que pra cada usuário tenho um button que abre um modal:
{% for item in lista_usuarios %}
<tr>
<td>{{ item.first_name }}</td>
<button data-target="modal1" class = "oi" type = "button" value="{{item.id}}" class = "btn waves-effect waves-light blue" data-index="{{item.id}}" onclick="$('#modal1').modal('open');" >
<i class="large material-icons">clear</i>
</button>
</td>
</tr>
Como podem ver, o value desse button já está pegando o id de cada usuário, isso está correto.
Dentro do modal, tenho uma label e preciso que o valor desse id seja passado para ela.
<input type="text" class="usuario">
<script>
$(document).ready(function(){
$(".oi").each(function() {
$(this).click(function() {
alert("teste");
$('.modal').modal();
var id = $(".oi").val();
alert(id);
$(".usuario").val(id);
});
});
});
</script>
O modal está funcionando e os 2 alerts também. Porém está passando o mesmo id de usuário sempre, tá passando somente o id do primeiro usuário para a label dentro do modal.
var id = $(".oi").val()
, tente fazervar id = $(this).val()
$(".oi")
você buscará todos os elementos da página que possuem a classeoi
e fazendo.val()
será retornado sempre o valor do primeiro item da lista. Com$(this)
você seleciona apenas o elemento que deseja e, assim,.val()
retorna o valor desejado.