php - jQuery，更新正确的字段

Question

我正在构建一个发票系统，我将在其中使用 jQuery 来更新字段。

我正在考虑拉出价格和号码描述(如果有)，并将它们放入文本字​​段中，这样可以很容易地更改，如果应该对“柜台”进行一些“柜台”调整发票。

html 代码如下所示:

<table>
  <tr class="item-row">
    <td class="partNumber"><input type="text" name="partNo"></input></td>
    <td class="description"><input type="text" name="description"></input></td>
    <td class="price"><input type="text" name="price"></input></td>
  </tr>
</table>

jQuery 代码，这是我不太熟悉的部分，如下所示:

$(document).ready(function() {
    $(".partNo").keyup(getInfo);
});


function getInfo(){
    var row = $(this).parents('.item-row');
    var partNo = row.find(".partNo").val();

    row.find(".description input")
            .load("script.php", {vorunr: $(".partNo").val(), type: "desc"});

    row.find(".price input")
            .load("script.php", {vorunr: $(".partNo").val(), type: "price"});
}

此代码工作正常，文件 script.php 返回数据库中的值。

我的问题是，当我编辑第一个 partNumber 输入字段时，我的所有表格行都已更新。

有人可以帮帮我吗？

Answer 1

您多次使用选择器“.partNo”，但我没有看到类为“partNo”的html dom 元素。我看到一个名为“partNo”的输入字段。

所以绑定(bind)keyup事件

$('input[name="partNo"]').keyup(getInfo);

此外，这是我为您的 getInfo 函数建议的解决方案...

function getInfo(){
    var row = $(this).parents('.item-row');
    var partNo = $(this).val();

    row.find(".description input")
        .load("script.php", {vorunr: partNo, type: "desc"});

    row.find(".price input")
        .load("script.php", {vorunr: partNo, type: "price"});
}