Get hidden input value inside a for loop to javascript

Question

I have this code on php

for ($i=0;$i<$myCounter;$i++) {
    $inum++; //showing only by the counter.
    echo "<hr>ID de Producto ".$inum.":".$dataReceive[$i]["Detalle"]["IDENDODET"];
    echo '
        <form method="POST">
            <input type="hidden" name="IDENDODET" id="IDENDODET" class="IDENDODET" value="'.$dataReceive[$i]["Detalle"]["IDENDODET"].'">
            <button type="button" id="Delete" name="Delete" style="border:0;background-color:yellow;" onclick="deletecookieTest()"/>Borrar este ID</button>
        </form>';
}

And I want the value from the IDENDODET to be sent with the button clicked. I've tried this:

 var form = document.querySelector('input[name=IDENDODET]').value;

but that only gives me the first value when the button is clicked instead of the value of the form in particular. For example no matter which button I click below I get "165" instead of "167" which I need to later delete that section. here is what it looks like

When you say first value which value are you talking about? I only see one value in the form. Have you done a view source to see if the value is being properly populated? — Jamie R Rytlewski
– Jamie R Rytlewski, Commented Feb 26, 2019 at 14:27
I added a picture to help out. It always shows the first value with the selector. With querySelectorAll it shows me all of the values. But I need to get the value in particular to later be able to delete the API product — Isabel Nava
– Isabel Nava, Commented Feb 26, 2019 at 14:32

Jamie R Rytlewski · Accepted Answer · 2019-02-26 15:00:41Z

1

There's another issue that you have in the code. You technically can't have the button have the same id, but what I would do is have the id being passed into the deleteCookieTest function. This way you don't have to traverse the DOM.

<button type="button" name="Delete" style="border:0;background-color:yellow;" onclick="deletecookieTest('.$dataReceive[$i]["Detalle"]["IDENDODET"].')"/>
Borrar este ID
</button>

answered Feb 26, 2019 at 15:00

Jamie R Rytlewski

1,22711 silver badges23 bronze badges

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

1 Comment

Isabel Nava Over a year ago

Is there a way to send two variables (IDENDODET + Quantity) instead of just one (IDENDODET) ?

brk · Accepted Answer · 2019-02-26 14:14:03Z

1

Use document.querySelectorAll which will give all the elements. This will give a static nodelist and then use forEach to get the value from each item

document.querySelectorAll('input[name=IDENDODET]').forEach(function(elem){
  console.log(elem.value);

})

answered Feb 26, 2019 at 14:14

brk

50.3k10 gold badges59 silver badges85 bronze badges

1 Comment

Isabel Nava Over a year ago

this works, it shows me all values. but I need to send the particular value that's chosen to a post

Collectives™ on Stack Overflow

Get hidden input value inside a for loop to javascript

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related