具有特定形式，輸入和數據輸出的jQuery.on（）

我在窗體中有一堆按鈕。他們都有獨特的名字。每當有人點擊這些特定的表單時，我想提交一個事件（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); 
}

第一，我怎麼能在一個特定的形式指定。對事件，在形成輸入......這是正確的？

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

其次，我怎麼可以這樣做：

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

但INSEAD做events.target.INPUTDATA（）;有點東西

來源

2014-03-02 Maciek Semik

什麼_「只是得到$ _POST變量或點擊按鈕的數據」_是什麼意思？您的按鈕既沒有值也沒有數據屬性。 – j08691

這從整個表單獲取所有表單數據：它工作正常，var DATA = new FormData（$（'＃IMAGE_FORM'）[0]）;但我希望它是特定的，從輸入獲得有針對性的FormData被點擊 –

你爲什麼不試試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發送DATAS。當然，如果你必須發佈圖片或其他文件，這將是非常困難的。

來源

2014-03-02 22:05:47 KevOne

具有特定形式，輸入和數據輸出的jQuery.on（）

回答

相關問題