HubSpot表单根据选择项跳转感谢页异常排查

核心问题 #

你遇到的问题大概率是获取的下拉框值和你判断的"1-150"不匹配——HubSpot表单的下拉选项，前端显示的文本（比如"1-150"）和实际存储的value属性值可能不一致，直接用显示文本做判断自然不会触发正确跳转。

修复步骤 #

1. 确认下拉选项的真实value值 #

打开表单所在页面，按F12打开浏览器控制台，执行以下代码，选择"1-150"选项后查看控制台输出的真实值：

document.querySelector('select[name="numemployees"]').addEventListener('change', function(e) {
    console.log('当前选项的value:', e.target.value);
    console.log('当前选项的显示文本:', e.target.options[e.target.selectedIndex].text);
});

控制台输出的value值才是你需要在代码中判断的内容。

2. 修改判断逻辑 #

将代码中的判断条件替换为查到的真实value值，示例如下：

<script charset="utf-8" type="text/javascript" src="https://js.hsforms.net/forms/embed/v2.js"></script>
<script>
    hbspt.forms.create({
        region: "na1",
        portalId: "123213213131",
        formId: "123123213213213123123123123121",

        onFormSubmit: function($form) {
            var employeeCount = $form.find('select[name="numemployees"]').val();

            setTimeout( function() {
                // 替换为你查到的真实value值
                if (employeeCount == "真实的1-150对应value" ) {
                    window.location.href = "https://www.url1.com";
                }       
                else {
                    window.location.href = "https://www.url2.com";
                }       
            }, 500 );
        }
    });
</script>

3. 备选方案：按显示文本判断 #

如果需要直接按显示文本判断，可修改获取值的方式：

var selectElement = $form.find('select[name="numemployees"]')[0];
var employeeCountText = selectElement.options[selectElement.selectedIndex].text;

if (employeeCountText == "1-150") {
    window.location.href = "https://www.url1.com";
} else {
    window.location.href = "https://www.url2.com";
}

额外注意事项 #

• 确认numemployees是表单字段的内部名称，而非显示标签，可在HubSpot表单编辑器的字段设置中查看。
• 若无需等待表单提交的异步操作，可直接移除setTimeout，直接执行跳转逻辑。

内容的提问来源于stack exchange，提问作者nik218