如何在不将onload事件放入body标签的情况下提交表单

时间:2019-03-30 05:57:33

标签: javascript onload

我已经使用Avada主题将多个表单同步到当前在WordPress网站上运行的Salesforce,但客户希望添加一个新字段,这需要在body标签中添加onload事件。我认为最简单的方法是通过显示板>“主题选项”>“高级”>“代码字段”,但是我看不到将事件添加到body标签的选项。无需编辑核心模板文件(表格仅在几页上)的最佳方法是什么?

当前代码段:

<form action="https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST"><input type=hidden name="oid" value="00DU0000000H99p">
    <input type=hidden name="retURL" value="https://www.sablesys.com/thank-you/">
    <input type="hidden" name="member_status" value="Sent"/>
    <!-- Campaign id for Quote Campaign -->
    <input type="hidden" name="Campaign_ID" value="7010B000001Eiz3QAC" />
    <input type="hidden" id="lead_source" name="lead_source" value="Website">  
                <label for="first_name">First Name</label><input id="first_name" maxlength="40" name="first_name" size="20" type="text" required/><br>
        <label for="last_name">Last Name</label><input id="last_name" maxlength="80" name="last_name" size="20" type="text" required/><br>
        <label for="company">Company</label><input id="company" maxlength="40" name="company" size="20" type="text" required/><br>
        <label for="email">Email</label><input id="email" maxlength="80" name="email" size="20" type="text" required/><br>
        <label for="city">City</label><input id="city" maxlength="40" name="city" size="20" type="text" required/><br>

        Notes:<br><textarea id="00NU0000003mN8A" name="00NU0000003mN8A" rows="25" type="text" wrap="soft" style="width: 100%"></textarea><br>
        <input type="submit" name="submit">
</form>

要添加客户请求的新代码:

表单的新字段:


<input type="hidden" id="URL" name="URL" value="" >

一个新的onload事件:

<body onload="document.getElementById('URL').value = document.location.href">

有没有办法在脚本内执行window.onload?我承认我不太了解JavaScript。请在回复中说明。谢谢。

1 个答案:

答案 0 :(得分:0)

这行代码是javascript。

document.getElementById('URL').value = document.location.href;

您只需要一种使它执行的方法。

如果您的页面上正在执行其他任何javascript代码,请将其作为其中的一部分。 您可以向表单添加“ onsubmit”事件,如下所示:

<form onsubmit="FillInURL()">
<input id="URL" type=hidden>
</form>

function FillInURL() {document.getElementById('URL').value = document.location.href;}