如何为每行 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

您可以使用$(this)从您所在的那个获取值，keyup而不是$('.new_payable_amount')- 这将是一个集合......所以您可以使用此类更改每个元素的值。使用$(this).val()and$(this).html()&nbsp;来更新和获取数据。如果您的输入是类型number，您可以在不使用 js 的情况下使用min和属性max更新您的“另外询问”。您需要以某种方式关联您的模态。在你的代码中我可以看到<input&nbsp;type="hidden"&nbsp;name="id"&nbsp;value="<?php&nbsp;echo&nbsp;$bookings[$i]['id'];&nbsp;?>"/>id在id您的确认模式中使用它。喜欢<div&nbsp;id="updated_amount_<?php&nbsp;echo&nbsp;$bookings[$i]['id'];&nbsp;?>"></div>然后你可以在知道 id 的情况下更新它...var&nbsp;update_id&nbsp;=&nbsp;$(this).parent().parent().parent().parent().find("input[name='id']");$("updated_amount_"+update_id).html(new_payable);这可能是更好的方法，但这就是我快速想到的还有一个问题是模态对话框是如何附加的。它是从一开始就以html呈现还是每次都由js附加。