Question

当用户点击表单上的提交时，我想修改一个字段的内容然后提交。我现在尝试了20种不同的方法来做到这一点，但它们都不起作用。我能够识别提交事件，取消它并修改字段，但我无法在同一事件中再次提交表单。我最近的尝试是使用JQuery：

    $("form").submit(function (e) {
        e.preventDefault();
        var element = document.getElementById("categorySafari");
        var selection = element.options[element.selectedIndex].text;
        document.getElementById("category").value = selection;
        this.submit(); // <-- this doesn't work and nothing I've tried here works
    });

Answer 1

删除e.preventDefault()和this.submit()来电。这阻止了表单提交。

Answer 2

也许尝试将onClick事件添加到您的提交按钮并调用函数来处理您的字段然后从此函数调用提交表单事件。
Here是如何使用js

触发表单的

Answer 3

我已经尝试过你的代码，它对我来说是正常的（Ubuntu + Chromium）：http://codepen.io/swergas/pen/qROWbY

Values Posted

categorySafari  volvo
category    Volvo

JavaScript：用户提交时修改表单

3 个答案: