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文本框，其中包含与输入密码相对应的城市名称。请建议一些Jquery或ajax代码和php成功页面，因为我是一个初学者。

Answer 1

鼠标输出pincode后，你可以调用这样的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;

如何使用ajax

1 个答案: