如何为每行 JQuery 动态更新模式中的文本

Question

lass="tab-content" style="font-weight: 200; font-family: MontserratExtraLight;" >   <div class="tab-pane fade active in" id="adjustPayment<?php echo $i; ?>"><?php    <h2 style="float: left;" class="modal-title text-color">Adjust Payment</h2>    <br><br>    <p style="float: left;font-size: 15px;">Adjust Patients Final Payment</p>    <input type="hidden" name="id" value="<?php echo $bookings[$i]['id']; ?>"/>    <input type="hidden"  name="customer_id" value="<?php echo $bookings[$i]['customer_id']; ?>"/>    <input type="hidden"  name="booking_id" value="<?php echo $bookings[$i]['booking_id']; ?>"/>    <input hidden type="hidden" name="date_time_from" value='<?php echo $bookings[$i]['date_time_from']; ?>' />问题是 JQuery 正在从第一行返回数据，并且 jquery 脚本中的操作仅影响第一行的模式。起初我使用 id 来检索数据和组件，但后来转向类，因为有多行，但这也不起作用。当前代码从第一行返回“old_payable_amount”，在第一行输入的“new_payable_amount”显示在所有行中，并且消息不会针对每一行动态更新。此外，一旦单击“调整”按钮，我希望它打开一个确认对话框，但是，我没有使用确认，而是创建了一个模式，每次单击调整时都会正确打开。我想将一个值传递给这个模式并且想知道你怎么可能这样做？我试图通过href，但除非我使用jquery，否则模态不会按预期打开。

Answer 1

1. 您可以使用$(this)从您所在的那个获取值，keyup而不是$('.new_payable_amount')- 这将是一个集合......所以您可以使用此类更改每个元素的值。

   使用$(this).val()and$(this).html() 来更新和获取数据。

2. 如果您的输入是类型number，您可以在不使用 js 的情况下使用min和属性max

更新

1. 您的“另外询问”。您需要以某种方式关联您的模态。

在你的代码中我可以看到

<input type="hidden" name="id" value="<?php echo $bookings[$i]['id']; ?>"/>

id在id您的确认模式中使用它。喜欢

<div id="updated_amount_<?php echo $bookings[$i]['id']; ?>"></div>

然后你可以在知道 id 的情况下更新它...

var update_id = $(this).parent().parent().parent().parent().find("input[name='id']");$("updated_amount_"+update_id).html(new_payable);

这可能是更好的方法，但这就是我快速想到的

还有一个问题是模态对话框是如何附加的。它是从一开始就以html呈现还是每次都由js附加。