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

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

现在，该表单具有3个单独的文本框。使其ID /名称分别为box1，box2和box3

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

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

我希望使用JQuery做到这一点-我查询了JQuery的“提交”功能，但找不到任何直接替换参数的方法-我该如何实现上述功能？

最佳答案

您可以这样做：

$('#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']访问的输入。