获取名称选择或输入的数据

时间:2011-03-25 15:15:09

标签: php jquery ajax

我们正在构建一个包含以下字段的高级表单...

<input type="text" size="50" name="name" >
<input type="text" size="50" name="custid" >
<input type="text" size="50" name="projectname" >
<input type="text" size="50" name="overdue" >

我们正在使用jquery自动完成功能从MySQL中选择名称,我们想要做的是:

我们想在自动添加名称之后将 custid,projectname 逾期添加到他们的字段中,我们可以在PHP中进行,但是如何我们可以使用jQuery或ajax吗?你能帮我们写代码吗?我们可以使用ajax添加1个输出但是我们如何添加多个输出?感谢。

1 个答案:

答案 0 :(得分:2)

您可以使用AJAX检索剩余的字段,方法是使用PHP脚本以JSON格式输出其详细信息。因此,如果您的数据存储在名为$data的关联数组中,您只需执行echo json_encode( $data );即可。数组中的每个字段名称都是您需要在jQuery中调用的实例变量的名称。下面的代码假设您的数组字段名称与您的输入相同。

然后使用jQuery.get( )(或类似jQuery.ajax( ))来获取结果。 jQuery如下:

$.get('myscript.php', 
      {name: name},
      function(data) {
        // If successful, fill out the fields
        $('#custid').val(data.custid);
        $('#projectname').val(data.projectname);
        $('#overdue').val(data.overdue);
      },
      // tells jQuery it's retrieving a JSON encoded object
      'json'
);

这还需要您稍微更改HTML,如下所示:

<input type="text" size="50" name="custid" id="custid" >
<input type="text" size="50" name="projectname" id="projectname" >
<input type="text" size="50" name="overdue" id="overdue" >