如何使用ajax根据其先前的文本框值填充文本框

Question

我有一个这样的

 <div class="row1"> <input type="text" class="pinCode" name="pin[]" value=""> <input type="text" class="areaName" name="location[]" value=""> </div> <div class="row1"> <input type="text" class="pinCode" name="pin[]" value=""> <input type="text" class="areaName" name="location[]" value=""> </div> <div class="row1"> <input type="text" class="pinCode" name="pin[]" value=""> <input type="text" class="areaName" name="location[]" value=""> </div>

我在数据库中有一个名为“city”的表，其中有两列“pincode”和“cityname”。 当我填充 pinCode 文本框时，我想用城市的名称填充 CityName 文本框以输入 pincode。 请建议一些 Jquery 或 ajax 代码和 php 成功页面，因为我是初学者。

Answer 1

在鼠标超出密码时，您可以调用这样的 ajax 函数，

 $(document).on("mouseOut or onBlur",".pincode",function() {
    var pincode = $(this).val();
    $.ajax({
         url: "ajax.php",
         type: "POST",
         dataType: "HTML",
         async: false,
         data: {"pincode": pincode},
         success: function(data) {
               // data will have the area name echo'ed in ajax.php file
               $(this).closest('areaName').val(data);

      }
  });
});

ajax.php

your code to get the area name based on pincode

echo $areaname;