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

Question

I need to make a change to a WordPress plugin in how the filled in data is handled. When a user hits a submit button I need to set the form action to a generated URL.

The plugin already generates a URL in a hidden field, but I need the value to become the form action URL. (I'm quite unexperienced in JS)

The #download URL is the required URL needed to go to the form action.

    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()

})

The outcome is that on clicking submit they are directed to the URL. Could you please advise me?

Answer 1

Try the following snippet:

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