jQuery：我可以从非表单输入中提交值吗？

Question

Simple as that: I have some inputs that are rendered inside another form element, but I want to submit then individually.

I tried "serializing" the div that contains them, but it didn't work. Is there an easy way to do this?

My code:

var form = $("#my_div");
var get_data = $(form).serialize();  /* Get #my_div inputs value */
$.get(self.url_form_rendering, get_data,
function (data){
    /* handle server response */
})

Serialize returns "", any ideas that don't involve redesigning the layout to avoid form nesting?

Answer 1

Do it by building get_data as an object:

var get_data = {
    field1: $("#field1").val(),
    field2: $("#field2").val(),
    ...
};

You can use the above for just the extra elements. For the form, you can add them with a loop:

$("#formid :input").each(function() {
    get_data[this.name] = this.value;
});

You could also give the elements outside the form a class, and select them and iterate similarly.

Answer 2

进行序列化时，请确保输入具有自己的ID，然后尝试以下代码：

$('#my_div *').serialize();