javascript - 如何覆盖 javascript 表单小部件的属性

标签 javascript jquery html css

我正在尝试覆盖我页面上现有 javascript 表单小部件的 2 个属性,但不太确定如何去做:

  1. 我想在提交表单时重定向到另一个 URL。
  2. 我需要在提交表单时使用 id='prospects_referral_type' 将数据点推送到终端系统

这是当前存在表单小部件的网站:https://jabzboxing.fitness/arcadia

这是小部件的脚本:

<script src="https://widgets.healcode.com/javascripts/healcode.js" type="text/javascript"></script>

<healcode-widget data-type="prospects" data-widget-partner="object" data-widget-id="8423870a150" data-widget-version="0"></healcode-widget>

这是使用 Tamb 代码的完整实现的简化版本,但仍然无法使重定向工作:

<html>
<head>
<meta charset="utf-8">

<script> 
$('healcode-widget').submit((e)=>{
  e.preventDefault();
  myAjaxPost();

window.location.replace("https://jabzboxing.fitness/thankyou");

})
</script>

</head>
<body>

<script src="https://widgets.healcode.com/javascripts/healcode.js" type="text/javascript"></script>

<healcode-widget data-type="prospects" data-widget-partner="object" data-widget-id="8423870a150" data-widget-version="0"></healcode-widget>

</body>
</html>

最佳答案

我认为这就是您的要求。

更新表单发布的位置:

jQuery('form[id^=prospect_form').attr('action', 'http://stackoverflow.com')

添加额外的字段:

jQuery('form[id^=prospect_form').append('<input id="prospects_referral_type" type="hidden"/>')

请记住,此代码必须在加载表单后运行,但不必在提交时运行。

关于javascript - 如何覆盖 javascript 表单小部件的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54700135/

相关文章:

java - 在javascript中调用java方法

javascript - 单击文档时的 Backbone JS 事件

javascript - Jquery 加载图像 - 处理网络浏览器中的后退/前进按钮

javascript - 使用指向不同质量版本的源更改视频质量

javascript - 在动画结束时自动滚动到 anchor

javascript - 对状态中已检查字段的对象更新数组使用react

javascript - 如何定义可以使用 node.js 从不同文件访问的变量?

javascript - 类(Class)后代扰乱事件

javascript - 如何插入 &lt;script&gt; html 属性作为 href html 属性的 url 的一部分

html - flexbox 容器和子结构