jQuery自动完成一个输入,然后填充其他相关输入?

时间:2013-08-23 19:27:29

标签: php jquery wordpress autocomplete jquery-autocomplete

我正在使用Formidable Pro WordPress插件来创建可编辑的表单。每个表格都有几个不同的“联系信息”区域(在下图中,一个这样的区域是“总承包商”,另一个是“机械工程师”),每个区域有几个输入。

我想要创建的内容:

  1. 在“联系人”输入法
  2. 中输入人名的前几个字母
  3. 从生成的自动填充功能下拉列表中选择一个名称
  4. 使用联系人的相关信息(公司,电子邮件,电话,传真,税号和地址)填充附近的字段
  5. 下面的第一张图片显示了两个“联系信息”区域(第一个是我在每个输入的ID中绘制的)。第二张图显示了每个Contact的信息如何存储在MySQL表中。

    那么是否有任何自动完成WordPress或jQuery插件可以帮助我实现这一目标,如果是这样,我将如何实现此功能?

    enter image description here

    enter image description here

1 个答案:

答案 0 :(得分:0)

我猜测您使用动态字段的下拉菜单?将它们替换为查找字段,然后您可以自动填充其他字段的值,如下所示:

对于您想要自动填充的每个字段,请进入字段设置并选中“从查找字段动态检索值”选项'。然后,从'获取价值来自'选项,您需要选择要从中获取数据的表单和字段。然后,对于“观察查看”字段'选项您需要选择查找字段(这将是您用户输入的'联系人'输入)。