Question

我怀疑！我在HTML中有这个表单。我插入技术员SAP，更改更新是名称！我是通过ajax这样做的。

    <div class="row">
        <div class="col-md-4" style="padding-left:  0px; width: 80px;">
            <input type="text" class="form-control" id="1TechnicianSAP" name="1TechnicianSAP" placeholder="SAP">    
        </div>
        <div class="col-md-4" style="padding-left:  0px; width: 330px;">
            <input type="text" class="form-control" id="1TechnicianName" name="1TechnicianName" placeholder="Name">    
        </div>
    </div>
    <br>
     <div class="row">
        <div class="col-md-4" style="padding-left:  0px; width: 80px;">
            <input type="text" class="form-control" id="2TechnicianSAP" name="2TechnicianSAP" placeholder="SAP">    
        </div>
        <div class="col-md-4" style="padding-left:  0px; width: 330px;">
            <input type="text" class="form-control" id="2TechnicianName" name="2TechnicianName" placeholder="Name">    
        </div>
    </div>

这是我的jquery代码。我怎样才能对所有输入进行此操作？我可以有3名技师或10名......我不想要几个ajax电话，只需一个！我怎么能这样做？

    $("[id$=TechnicianSAP]").change(function () {
        var TechnicianSAP = $(this).val();
        $.ajax({
            url: 'GetTechnicianInfo.php',
            type: 'POST',
            data: { TechnicianSAP: TechnicianSAP },
            success: function (data) {
                $("#1TechnicianName").val(data);
            }
        });
    });

Answer 1

$选择器用于选择扩展程序，因此请改用此$("[id*=TechnicianSAP]")。但请记住id应该是唯一的。或者你可以使用类选择器。

示例：

<img src="image.jpg" />

要选择具有扩展名的图片，请使用$

$('img[src$="jpg"]')将选择展开jpg的所有图片。

选择类似用途*

$('img[src*="img"])将选择文件名中包含img的所有图像，例如img1，img2等。

Answer 2

您可以定位名称为TechnicianName的输入，该输入与更改的.row元素位于同一TechnicianSAP元素

$("[id$=TechnicianSAP]").change(function () {
    var $this = $(this) l
    var TechnicianSAP = $this.val();
    alert(TechnicianSAP);
    $.ajax({
        url: 'GetTechnicianInfo.php',
        type: 'POST',
        data: {
            TechnicianSAP: TechnicianSAP
        },
        success: function (data) {
            $this.closest('.row').find('input[name="TechnicianName"]').val(data);
        }
    });
});

Jquery选择了几个

2 个答案: