Actualmente estoy construyendo una aplicación web con matraz. En una tabla, quiero crear botones a los que se les asigne el valor de un campo de entrada, pero en una tabla creada con jinja. Normalmente, esto hubiera sido posible con este código, pero dado que es una tabla jinja, no puedo encontrar la manera de hacerlo. ¿Alguien puede ayudar?
<tbody> {% for itemname in itemnames%} <tr> <td class="text-start"><button class="item btn" type="submit" name="item" value="{{itemname.name}}">{{itemname.name}}</button></td> <td class="text-start"><input autocomplete="off" autofocus class="form-control mx-auto w-auto" id="{{itemname.amount}}" name="amount" placeholder={{itemname.amount}} value="{{itemname.amount}}" type="text"></td> <td class="text-start"><button class="btn btn-success" type="submit" name="add" onclick="getInputValue();">+</button></td> </tr> <script> function getInputValue() { // Selecting the input element and get its value var inputVal = document.getElementById("{{itemname.amount}}").value; // Displaying the value alert(inputVal); } </script> {% endfor %} </tbody>Editar, eliminado la primera forma
https://www.w3schools.com/js/js_htmldom_navigation.asp
Use la navegación dom comenzando desde el botón hasta la entrada
<td class="text-start"><input autocomplete="off" autofocus class="form-control mx-auto w-auto" id="{{itemname.amount}}" name="amount" placeholder={{itemname.amount}} value="{{itemname.amount}}" type="text"></td> <td class="text-start"><button class="btn btn-success" type="submit" name="add" onclick="getInputValue(this);">+</button></td> function getInputValue(e) { var input = e.previousSibling.value alert(input) </script>