hubspot onFormReady 填充表单字段

Question

我在页面上嵌入了 hubspot 表单，并且我正在尝试使用 jQuery 预填充字段。我想使用 H2 标签与页面中其他位置的“djc_title”类之间的文本，并用它在嵌入表单中填充带有“productname”ID 的输入字段。这是我的代码。我确信这一切都是错的。有人能指出我正确的方向吗？

hbspt.forms.create({ 
    portalId: '',
    formId: '',
    onFormReady: function($form) {
        $(“#productname”).val($("h2.djc_title").text());
    }
});

Answer 1

下面的代码对我有用。它可能对某人有帮助。

 hbspt.forms.create({
    portalId: "*******",
    formId: "formid********",
        onFormReady: function($form){
        $form.find('input[name="firstname"]').val('Brian').change();
}
})

您需要使用

onFormReady

回调，它将提供

$form

参数。我们可以使用它来填充值，因为

$form

具有所有输入字段的

id

。

  $form.find('input[name="email"]').val('[email protected]').change();

Answer 2

我不确定，但更新

onFormReady

函数以对应 API 文档中所述的 Hubspot 字段可能会有所帮助。

示例：

$('input[value="checkbox_1"]').prop('checked', true).change();
$('input[name="firstname"]').val('Brian').change(); 

此页面上有一些示例：

http://developers.hubspot.com/docs/methods/forms/advanced_form_options