AJAX函数根据下拉列表填充文本字段

Question

我以前在Ajax上做的不多，并且想知道我是否可以使用jQuery做到这一点。

这就是我现在所拥有的：

• 数据库表'机场' - 包含ID，名称，城镇，邮政编码
• 带有机场名称的下拉列表（条目从数据库生成）
• 3个表单字段（姓名，城镇，邮政编码）

我希望能够从下拉列表中选择机场，并且地址字段需要填充相应的数据。

有人可以给我一些关于我这样做的指导吗？

Answer 1

您需要做的是在用户选择机场后

你取得了机场价值。对服务器进行ajax调用，然后在数据库上运行select 其中id = yourValue

然后让我们说你得到一个数据表。您将值插入到名为的对象中 飞机场 它具有您需要的所有属性.. 然后，您的服务器对客户端的响应将是您从机场对象中搜集的json字符串。

然后您需要做的就是使用json对象中的属性来填充这些文本框..

Answer 2

jQuery可用于监听下拉列表中的select事件，通过请求获取信息并填写字段。在服务器端，正确的信息应以JSON格式返回。

$('select').change(function(){
 $.ajax({
   type: "POST",
   url: "some.php",
   data: {id: this.find(':selected').val()},
   dataType: json,
   success: function(data){
    //fill the fields
   }
 });
});

我没有检查过这个，所以不要复制粘贴它。这只是为了说明。

http://api.jquery.com/category/ajax/