javascript - jquery代码更改表单提交的参数

Question

在 PHP 程序的 Web 表单中，表单是常规的 HTML 表单。

现在，表单有 3 个独立的文本框。设它们的 ID/名称分别为 box1、box2 和 box3

我想要发生的是，当表单发布时 -

发布以下文本--> box1 + box2+ box3 内容，以逗号分隔。

我希望使用 JQuery 来执行此操作 - 我查找了 JQuery“提交”函数，但找不到任何直接的方法来替换参数 - 我如何实现上述内容？

Answer 1

你可以这样做:

$('#yourForm').submit(function(e){

    var form = $(this)

    //Do you validation

    if(isValid){
        var mergedInput = $('<input/>');
        var inputToMerge = ['#box1','#box2','#box3'];
        var valueToMerge = $.map(inputToMerge, function(selector){
            val = $(selector).val()
            $(selector).remove()
            return val;
        })
        mergedInput.val(valueToMerge.join(','));
        mergedInput.prop('name', 'mergedInput')


        mergedInput.appendTo(form);

    }else{
        return false;
    }
})

基本上，它将您的输入合并到可通过 php 使用 ['mergedInput'] 访问的输入中。