form.submit（）を特定のDIVに

Question

特定のdivにJavascriptとjQueryを使用してフォームを送信したいが、それを行う方法を考えることができない。

このコードは現在のページのヘッダーにフォームを送信して動作します。

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という名前のdivに提出するコマンドを送信します。簡単に言えば、私はこれをしたいです。

どのように私はこれを行うだろう知っていますか？ありがとう。

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(); 
});