get value from correct input field

Question

I have a html structure likes this:

<table>
   <tr>
     <td>
        <input class="text-center inputForSum" type="text" name="menge" value="1.00" />
     </td>
   </tr>
   <tr>
     <td>
        <input class="text-center inputForSum" type="text" name="menge" value="1.00" />
     </td>
   </tr>
   <tr>
     <td>
        <input class="text-center inputForSum" type="text" name="menge" value="1.00" />
     </td>
   </tr>
</table>

and a on change function:

$( ".inputForSum" ).change(function() {
   console.log(  $('.inputForSum').val()  )
});

But I need to know, WHICH input field with the class "inputForm" has changed. How can I realize this?

Philippe · Accepted Answer · 2021-10-02 19:08:23Z

1

Is the index of the tr parent an acceptable answer ?

$( ".inputForSum" ).change(function(ev) {
   console.log($(ev.target).closest("tr").index(), $(ev.target).val())
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
   <tr>
     <td>
        <input class="text-center inputForSum" type="text" name="menge" value="1.00" />
     </td>
   </tr>
   <tr>
     <td>
        <input class="text-center inputForSum" type="text" name="menge" value="1.00" />
     </td>
   </tr>
   <tr>
     <td>
        <input class="text-center inputForSum" type="text" name="menge" value="1.00" />
     </td>
   </tr>
</table>

answered Oct 2, 2021 at 19:08

Philippe

1,30713 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ouss Ma L'aire Bien · Accepted Answer · 2021-10-02 19:14:25Z

1

$( ".inputForSum" ).change(function() {
   console.log(  $(this).val()  )
   console.log($(this).closest('tr'))
});

<script
  src="https://code.jquery.com/jquery-3.6.0.min.js"
  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
  crossorigin="anonymous"></script>
<table>
   <tr>
     <td>
        <input class="text-center inputForSum" type="text" name="menge" value="1.00" />
     </td>
   </tr>
   <tr>
     <td>
        <input class="text-center inputForSum" type="text" name="menge" value="1.00" />
     </td>
   </tr>
   <tr>
     <td>
        <input class="text-center inputForSum" type="text" name="menge" value="1.00" />
     </td>
   </tr>
</table>

You can use $(this) to get the input that changed

it s $(this).val()

edited Oct 2, 2021 at 19:14

answered Oct 2, 2021 at 18:42

Ouss Ma L'aire Bien

1231 silver badge6 bronze badges

2 Comments

Trombone0904 Over a year ago

okay thank you ! but my explanation was wrong. I need to now, which <tr> element is the parent of the changed inputForSum value. because in this tr tags are other input values, which I need to change with my on change function

Ouss Ma L'aire Bien Over a year ago

u can use $(this).closest('tr')

Collectives™ on Stack Overflow

get value from correct input field

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related