CODEWITHSUNDEEP
javascriptjqueryajax
Thara Kurian
Thara Kurian

Reputation: 13

Getting values inside jquery from input fields with dynamic id

I want to get value of input fields with dynamic id to jquery function

<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

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
}

Upvotes: 0

Views: 34

Answers (2)

Aksen P
Aksen P

Reputation: 4599

    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>

Upvotes: 0

Dhaval Pankhaniya
Dhaval Pankhaniya

Reputation: 1996

you can simply create id of your control by appending method argument a to a_ or b_ like $("#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>

Upvotes: 1

Related Questions