wordpress 基于表单选择的Javascript重定向(提交前)

rvpgvaaj 于 2022-12-11 发布在 WordPress

关注(0)|答案(1)|浏览(155)

我希望根据用户在Hubspot表单字段中的选择，将用户重定向到不同的页面（对于学术帐户）。理想情况下，这将发生在更改时，并在选择后立即发生，而不是在提交表单时发生。

**ID：**感兴趣的许可证类型-cb 1da 23 a-da 50 - 42 f8-b281-b8845 c18 b 0a 6
**值：**学术许可证

试图通过Id获取它，将值与“学术许可证”匹配，如果这是立即重定向到一个新的URL的值。此外，不幸的是，使用WordPress和Hubspot表单。

选择代码段：

<select id="license_type_of_interest-cb1da23a-da50-42f8-b281-b8845c18b0a6" required="" class="hs-input" name="license_type_of_interest">
  <option disabled="" value="">Please Select</option>
  <option value="Silver License">Silver</option>
  <option value="Gold License">Gold</option>
  <option value="Enterprise License">Enterprise</option>
  <option value="Academic License">Academic</option>
  <option value="Researcher License">Researcher</option>
</select>

wordpress

来源：https://stackoverflow.com/questions/74708813/javascript-redirect-based-on-a-form-selection-before-submitting

1条答案

按热度按时间

t2a7ltrp1#

也许吧

const licences = {
  "Silver License" : "silver.html",
  "Gold License": "gold.html",
  ...
  "Researcher License": "researcher.html"
};
document.querySelector("[id^='license_type_of_interest']") // a select with ID starting with 'license_type_of_interest'
  .addEventListener("change", function() { // when changed
    const val = this.value;
    if (val) location = licenses[val]; // redirect to URL in object
  })

赞(0）回复(0）举报 2022-12-11

我来回答

wordpress 基于表单选择的Javascript重定向(提交前)

1条答案

相关问题

热门标签

最新问答