我正在尝试构建一个在不同选项卡上显示不同字段的联系表单。我已经让它工作了,这样我就可以在目标 div 中有不同的字段,并且 jquery 让它工作,以便加载不同的字段,但是我怎么能用可用的可见表单数据来提交表单而不考虑所有其他领域。
感谢大家,我只需要一个颠簸才能朝着正确的方向前进
$('#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()
}
或者您可以在提交之前分离所有不 :visible 的元素。
$('#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
}
在这种情况下,表单会自行提交,但您会在提交之前删除所有不想提交的表单字段。