Получение значений внутри jquery из полей ввода с динамическим идентификатором

Question

Я хочу получить значение полей ввода с динамическим идентификатором в функцию jquery

<input type="text" id="a_8" name="a_8" value="12">
<input type="text" id="b_8" name="b_8" value="22">
<button type="button" class="btn btn-success" onclick="javascript:det(8);">Submit</button>

<input type="text" id="a_9" name="a_9" value="22">
<input type="text" id="b_9" name="b_9" value="52">
<button type="button" class="btn btn-success" onclick="javascript:det(9);">Submit</button>

Функция Jquery

function det(a)
{
//how can I get values of id a_8,b_8  when first button is clicked
and a_9,b_9 values when second button is clicked
}

Answer 1

вы можете просто создать идентификатор вашего элемента управления, добавив аргумент метода a к a_ или b_ как $ ("# a _" + a) .val ()

function det(a)
{
  alert($("#a_"+ a ).val());
  alert($("#b_"+ a ).val());
  
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="a_8" name="a_8" value="12">
<input type="text" id="b_8" name="b_8" value="22">
<button type="button" class="btn btn-success" onclick="javascript:det(8);">Submit</button>

<input type="text" id="a_9" name="a_9" value="22">
<input type="text" id="b_9" name="b_9" value="52">
<button type="button" class="btn btn-success" onclick="javascript:det(9);">Submit</button>

Answer 2

    function det(a){
        var b1 = $('#a_'+a).val();
        var b2 = $('#b_'+a).val();
        console.log('values: '+b1+','+b2);
    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="a_8" name="a_8" value="12">
<input type="text" id="b_8" name="b_8" value="22">
<button type="button" class="btn btn-success" onclick="javascript:det(8);">Submit</button>

<input type="text" id="a_9" name="a_9" value="22">
<input type="text" id="b_9" name="b_9" value="52">
<button type="button" class="btn btn-success" onclick="javascript:det(9);">Submit</button>