Question

我正在尝试构建一个在不同标签上显示不同字段的联系表单。我已经使它工作，以便我可以在目标div内有不同的字段，jquery使它工作，以便不同的字段加载，但我怎么能让表单提交只有可见的表格数据可用不考虑所有其他领域。

感谢所有人，我只是需要一个突破才能朝着正确的方向前进

Answer 1

$('#myform').live('submit', function () {
    //gather the data you want to submit
    data = {
        'value1':$('selector').val()
    }
    $.post(url, data, i_get_run_when_done());
    //prevent the form from trying to submit the old fashioned way.
    e.preventDefault()
    return false;
}

如果您想要div中的所有表单字段，您可以执行类似

的操作

form_fields = $('container').find('input')

然后你可以像

那样迭代它

form_fields.each(function () {
    data[$(this).attr('name')] = $(this).val()
}

或者您可以在提交之前分离所有不可用的元素：可见。

$('#myform').live('submit', function () {
    items = $('input').not(':visible')
    items.detach()
    return items //now you have the items in order to reattach them if you chose to do so
}

在这种情况下，表单会自行提交，但您必须删除在提交之前不想提交的所有表单字段。

联系表格在标签中展开

1 个答案: