Você está repetindo vários id's, o que é incorreto em HTML. Um id serve para identificar um elemento na página de forma individual, assim como o CPF diferencia uma cidadão de outro.
O que você pode fazer é remover as id's repetidas (como por exemplo, a id="id_cat_update"
) e pegar os elementos pelo atributo name
(explico mais abaixo).
Mas é preciso também enviar um this
para a função uptade_cat()
, para podepoder saber de qual modal a gente vai pegar os dados. Então coloque o this
aqui:
onclick="uptade_cat(this)"
E na função você recebe o this
como parâmetro (usei a letra m
):
function uptade_cat(m) {
Pronto! O m
representa o botão que chamou a função. Com isso fica fácil de pegar qualquer dado dentro da modal, porque o botão está dentro da modal.
Então, você irá pegar a modal onde está o botão desta forma:
function uptade_cat(m) {
var m = $(m).closest("div.modal");
Acima eu converti o m
(que era o botão) na modal onde está o botão. Logo, dentro da função, a variável m
será a div da modal.
Pegar os valores:
Tendo a modal em mãos (variável m
), você pode buscar dentro dela qualquer elemento usando o método .find()
, e não precisa usar id's para isso (por isso falei antes para remover os id's repetidos). Você pode buscar um input, por exemplo, pelo atributo name
:
var valor_update = m.find("[name='valor_update']").val();
É só fazer isso com todas as variáveis dentro da função para pegar os valores .val()
dos elementos que você quer.