form.submit()到特定的DIV

时间:2011-10-19 10:50:41

标签: javascript jquery

我想使用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();

或者换句话说,将submit命令发送到名为myDiv的div。

有谁知道我会怎么做?感谢。

2 个答案:

答案 0 :(得分: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');
  }
});

答案 1 :(得分:0)

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