Как вернуть несколько значений из скрытого ввода при нажатии на кнопку с помощью jquery?

Когда я нажимаю на кнопку, я хочу получить значение скрытого входа, но когда я пишу так, он принимает только первое значение.

<div>
  <input
    type="hidden"
    name="producecode"
    class="pdcode"
    value="{{per.produceCode}}"
  />
  <input
    type="hidden"
    name="useremail"
    class="uponequantity"
    value="{{user.username}}"
  />
  <button class="btn btn-sm btn- primary" onclick="upoq()">
    <i class="fa fa-plus"></i>
  </button>
</div>

$(".up").click(function() {
  $(".prdtd").find("input:first-  child").attr("value"); 
  $(".pcode").val()
}

Просто добавьте еще одну строку для ссылки на второй вход так же, как и на первый.

$(".up").click(function(){
  $(".prdtd").find("input:first-  child").attr("value"); 
  $(".pcode").val()
  $(".uponequantity").val()//<-- new line for the second hidden value
}

Если я правильно понял ваш вопрос, вы хотите получить значение обоих входов в обратном вызове.

Похоже, что вы неправильно написали pdcode в своем JavaScript.

Поможет ли следующий фрагмент кода? 

$(".up").click(function() {
  const value1 = $(".pdcode").val();
  const value2 = $(".uponequantity").val();
}

Мой код здесь и html повторяется у меня есть несколько кнопок.Когда я нажимаю на кнопку, я хочу чтобы она возвращала значение скрытого ввода в строке где находится кнопка, но кнопки возвращают значение в первой строке

<div class="input-group-btn" id="up-div">
                            
                            <input type="hidden" name="producecode" id="pcode" data-name="{{per.produceCode}}" value="{{per.produceCode}}" />
                            <input type="hidden" name="useremail" class="uponequantity" value="{{user.username}}" />
                            <button class="btn btn-sm btn-primary up" ><i class="fa fa-plus"></i></button>
                          </div>

и jquery

$(".up").click(function(){
console.log($("#pcode").val());
console.log($(".uponequantity").val());
$.ajax({
    type: "POST",
    url: "/uponequantity/",
    headers: { "X-CSRFToken": '{{csrf_token}}' },
    data: {"producecode":$("#pcode").val(),
    "useremail":$(".uponequantity").val(),
  },
    success: function() {
      console.log('success');
    }
});


})
Вернуться на верх