如何通过 JavaScript 将动态 URL 添加到 WordPress 中的表单操作？

Posted 2023-05-09

【中文标题】如何通过 JavaScript 将动态 URL 添加到 WordPress 中的表单操作？

【英文标题】：How to add a dynamic URL to a form action in WordPress via JavaScript?

【发布时间】：2019-11-30 21:57:17

【问题描述】：

我需要对 WordPress 插件的填充数据处理方式进行更改。当用户点击提交按钮时，我需要将表单操作设置为生成的 URL。

插件已经在隐藏字段中生成了一个 URL，但我需要该值成为表单操作 URL。 （我对 JS 很陌生）

#download URL 是进入表单操作所需的 URL。

    dataset.updateExistingChurn(), a(), dataset.updateTable(), dataset.updateBoxes();
    n = "";
    if (dataset.isValid()) 
        var n = "https://www.example.com/the-example-difference/";
        n += "?pdf=" + t(s)
    
    jQuery("#download_url").val(n), "" != n || dataset.isValid() ? jQuery("#submission").removeClass("hide") : jQuery("#submission").addClass("hide")
), jQuery(window).resize(function() 
    e()
), dataset.updateExistingChurn(), dataset.updateTable(), dataset.updateBoxes()

)

结果是，在点击提交时，他们会被定向到 URL。 能给我建议吗？

【参考方案1】：

试试下面的 sn-p：

$(".submit").on("click", function(e)
    e.preventDefault();
    $('#form').attr('action', "/url").submit();
);

【讨论】：

感谢您的快速回复...这不起作用。我将 .submit 更改为 .submission 以匹配#submission ID。如何拉入自定义 URL？是这个位生成自定义 URL 吗？ var n = "example.com/the-example-difference"; n += "?pdf=" + t(s)

在提交按钮上捕获 clic 事件 /// e.preventDefault() => 停止本机事件（表单提交） /// 通过“/url”更改操作属性（将其更改为您想要的)，然后提交表单...