form.submit（）到一個特定的DIV

Question

我想提交一個表單使用Javascript和jQuery到特定的div，但我無法解決如何做到這一點。

下面的代碼工作，提交表單到當前頁面的標題。

var form, 
     chart = this, 
     svg = chart.getSVG(chartOptions); 

    // merge the options 
    options = merge(chart.options.exporting, options); 

    // create the form 
    form = createElement('form', { 
     method: 'post', 
     action: options.url 
    }, { 
     display: NONE 
    }, doc.body); 

    // add the values 
    each(['filename', 'type', 'width', 'svg'], function(name) { 
     createElement('input', { 
      type: HIDDEN, 
      name: name, 
      value: { 
       filename: options.filename || 'chart', 
       type: options.type, 
       width: options.width, 
       svg: svg 
      }[name] 
     }, null, form); 
    }); 

    // submit 
    form.submit(); 

    // clean up 
    discardElement(form); 

我試過各種選項，但沒有任何工作。簡單來說，我想這樣做：

$('#myDiv').form.submit();

或者換句話說，發送提交命令的命名myDiv股利。

有誰知道我會怎麼做？謝謝。

Answer 1

您應該能夠使用這裏給出的代碼：

Post form in JQuery and populate DIV - broken in IE

$.ajax({ 
    url: options.url, 
    type: 'POST', 
    cache: false, 
    data: { 
      filename: options.filename || 'chart', 
      type: options.type, 
      width: options.width, 
      svg: svg 
     }, 
    dataType: 'text', 
    complete: function(xhr, textStatus) { 
    alert('completed'); 
    }, 
    success: function(data) { 
    $("#myDiv").html(data); 
    }, 
    error: function(xhr, textStatus, errorThrown) { 
    alert('woops'); 
    } 
}); 

Answer 2

$('#myDiv').click (function() { 
$("form").submit(); 
});