Question

我想这样做：

我在表单中有一堆按钮。他们都有独特的名字。每当有人点击其中的任何一个，在这个特定的形式，我想提交一个事件（SUBMIT_IMAGES），只是获得点击按钮的$ _POST变量或数据，而不是整个表格。

这样的事情：

<form enctype="multipart/form-data" method="post" id="IMAGE_FORM">
<input value="" type="button" name="CLICKHERE1" class="IC10" onclick="SUBMIT_IMAGES();">
<input value="" type="button" name="CLICKHERE2" class="IC10" onclick="SUBMIT_IMAGES();">
</form>

$('#IMAGE_FORM:input').on('click', SUBMIT_IMAGES);

function SUBMIT_IMAGES(event)
{
    var DATA = new FormData(event);
}

首先，如何以特定形式指定.on事件，在该表单的输入中...这是正确的吗？

$('#IMAGE_FORM:input').on('click', SUBMIT_IMAGES);

其次，我该怎么做：

function SUBMIT_IMAGES(event)
{
    var DATA = new event.target.FormData();
}

但是insead做了events.target.INPUTDATA（）;有点儿的事情

Answer 1

你为什么不试试AJAX？

如果您的表单如下：

<form enctype="multipart/form-data" method="post" id="IMAGE_FORM">
    [many inputs]
    <input value="" type="button" name="CLICKHERE1" class="IC10" onclick="SUBMIT_IMAGES();">

    [many inputs]
    <input value="" type="button" name="CLICKHERE2" class="IC10" onclick="SUBMIT_IMAGES();">    
</form>

然后你可以尝试这样的事情：

$('input[name=CLICKHERE1]').click(function(){
    var fields = '{ ';

    $('#IMAGE_FORM').each(function(){
        if($(this).name() == 'CLICKHERE1')
        {
            fields += ' }'// close json
        }
        else
        {
            fields += // feed fields var
        }
    });

    $.ajax({
        // Do some stuff
    });
});

然后您可以使用AJAX发送数据。当然，如果你必须发布图像或其他文件，那将非常困难。

jQuery .on（）具有特定的表单，输入和数据输出

1 个答案: